提交按钮模块

本文详细阐述了JavaScript表单提交时的验证流程,包括用户名、确认密码、验证码、电话号码等字段的校验,并强调了同意协议的必要性。通过`e.preventDefault()`防止非法提交并确保用户勾选条款。
摘要由CSDN通过智能技术生成

 let form=document.querySelector('form')

        form.addEventListener('submit',function(e){

        

            if(!verifyUsername()){

                //返回值是false,需要阻止提交

                //事假对象的阻止默认行为:e.preventDefault()

                e.preventDefault()

            }

            if(!verifyConfirm()){

              

              e.preventDefault()

            }

            if(!verifyInputCode()){

                e.preventDefault()

            }

            if(!verifyPhone()){

                e.preventDefault()

            }

            if(!verifypassword()){

                e.preventDefault()

            }

  // 如果没有勾选同意协议,则提示 需要勾选

  //classList.contains 是否包含,如果有则返回true,没有则返回false

  if(!icon.classList.contains('icon-queren2')){

      alert('请勾选同意框')

      e.preventDefault()

  }

        })

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值