JS常用的前端注册信息简单数据校检

HTML中的输入框：

手机号：<input  type="number" placeholder="" name="phone" />

密码：<input    type="password" placeholder="不少于6位" name='passwd_phone' />

确认密码：<input    type="password" placeholder="不少于6位" name='passwd_cfm' />

邮箱： <input   type="text" placeholder="" name='email' />

<div class="info"></div>
此div用来显示错误提示信息

JS代码：
   var phone = $('input[name=phone]').val();
   var password = $('input[name=passwd]').val();
   var confirm = $('input[name=passwd_cfm]').val();
   var email = $('input[name=email]').val();
    

手机号验证：
 
if(phone == '') {
      $('.info').html('请输入手机号');
      return false;
    }
    // 判断手机号是否11位
    if(phone.length != 11) {
      $('.info').html('手机格式不正确');
      return false;
    }
 // 判断是否是13、14、15、17、18 开头
    if(!(/^1[3|4|5|7|8]\d{9}$/.test(phone))){
        alert("手机号码格式");  
        return false;
    }


密码验证：

if(password == '' || confirm == '') {
      $('.info').html('密码不能为空');
      return false;
    }
    if(password.length < 6 || confirm.length < 6) {
      $('.info').html('密码不能少于6位');
      return false;
    }
    if(password != confirm) {
      $('.info').html('两次密码不相同!');
      return false;
    }

邮箱验证：

if(email == '') {
      $('.info').html('请输入邮箱');
      return false;
    }
    // 邮箱格式
    if(email.indexOf('@') == -1 || email.indexOf('.') == -1) {
      $('.info').html('邮箱格式不正确');
      return false;
    }
因为目前各家公司的邮箱地址花样较多，所以在邮箱验证的时候，仅判断是否含有“@”和“.”即可。

转载于:https://www.cnblogs.com/xwenbin/p/10627580.html