(转)Input常用的输入框验证(正则)

(转)Input常用的输入框验证(正则)

1、只是不能输入空格

<input type="text" οnkeyup="this.value=this.value.replace(/^ +| +$/g,'')">

 2、不能输入空格和英文状态下的逗号 

<input type="text" οnkeyup="this.value=this.value.replace(/[, ]/g,'')">

 3、只能输入数字（电话号码输入的时候使用）

<input type="text" maxlength="11" οnkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/>

4、只能输入英文和数字

<input type='text' maxlength="17" οnkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/>

5、验证首位是汉字

// 汉字
var reg = new RegExp("[\\u4E00-\\u9FFF]+","g");
if(!reg.test(plateNumber.charAt(0))){
alert("请输入首位汉字");
return;
}

6、第二位为英文数字

//验证是英文字母
var regl= /^[A-Za-z]+$/;
if(!regl.test(plateNumber.charAt(1))){
alert("请输入第二位为英文字母");
return;
}

7、后几位是数字英文字母组合

// 英文字母或数字
var regx = /^[A-Za-z0-9]*$/;
var aa = plateNumber.substr(plateNumber.length-5);
if(!regx.test(aa)){
alert("请输入正确组合");
return;
}

8、只能输入汉字、英文、数字

<input type="text" οnkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')"/>

9、js纯数字验证

// 纯数字正则
ar reg = /^[0-9]*$/;
if(!reg.test(vmobile)){
alert("请输入纯数字");
}

10、js数字英文字母混合

// 数字英语混合
var rel = /^[0-9a-zA-Z]+$/
if(!rel.test(vChassisNumber)){
alert("请输入数字或英文字母");
}

11、H5的小伙伴注意：长度限制组合字符输入类型 IOS可能限制不住，坑谨慎入

<textarea placeholder="请输入内容" maxlength="200"></textarea>
<input type="text" maxlength="20">

12、验证表单的完整性

<script type="text/javascript">
    function beforeSubmit(form) {
      if (form.username.value =='') {
            alert('用户名不能为空！');
            form.username.focus();
            return false;
        }
      if (form.password.value =='') { 
            alert('密码不能为空！');
            form.password.focus();
            return false;
        }
      if (form.password.value.length <6) {
            alert('密码至少为6位，请重新输入！');
            form.password.focus();
            return false;
        }
     if (form.password.value != form.password2.value) {
            alert('你两次输入的密码不一致，请重新输入！');
            form.password2.focus();
            return false;
        }
      return true;        //继续执行之后命令
    }
</script>

HTML部分

  <form method="post" name="form" action="user.do?method=register" onSubmit="return beforeSubmit(this);">
     <table border="1" width="100%" cellspacing="0" cellpadding="0">
      <tr><td><label>用户名：<input type="text" name="username" value=""></label></td></tr>
      <tr><td><label>密   码：<input type="password" name="password" value=""></label></td></tr>
      <tr><td><label>重复密码：<input type="password" name="password2" value=""></label></td></tr>
      <tr><td><input value="注册" type="submit"> <input type="reset" value="重置"></td></tr>      
     </table>
    </form>