简单检测输入框内容是否符合要求

<div class="form-group"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user"></i></span> <input onblur="checkUserName(this);" maxlength="20" id="uname" type="text" name="username" class="form-control" placeholder="用户名"> </div> <div class="remind alert-danger" id="user-rmd"></div> </div> <div class="form-group"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock"></i></span> <input onblur="checkPassword(this);" maxlength="20" id="pwd" type="password" name="password" class="form-control" placeholder="密码"> </div> <div class="remind alert-danger" id="pwd-rmd"></div> </div>

下面是js代码

<script> function checkUserName(obj){ var username = obj.value; var pat=new RegExp("[^a-zA-Z0-9\_\u4e00-\u9fa5]","i"); var checkUserNameResult = document.getElementById("user-rmd"); if(username.trim().length==0){ checkUserNameResult.innerHTML = "不能为空"; checkUserNameResult.style.visibility="visible"; obj.style.border="1px solid red"; }else if(pat.test(username)==true){ checkUserNameResult.innerHTML = "非法字符"; checkUserNameResult.style.visibility="visible"; obj.style.border="1px solid red"; }else{ checkUserNameResult.innerHTML = ""; checkUserNameResult.style.visibility="hidden"; obj.style.border="1px solid #1ab394"; } } function checkPassword(obj){ var password = obj.value; var pat=/^(\w){6,20}$/; var checkPasswordResult = document.getElementById("pwd-rmd"); if(password.trim().length<6){ checkPasswordResult.innerHTML = "强度不够"; checkPasswordResult.style.visibility="visible"; obj.style.border="1px solid red"; }else if(!pat.test(password)){ checkPasswordResult.innerHTML = "非法字符"; checkPasswordResult.style.visibility="visible"; obj.style.border="1px solid red"; } else{ checkPasswordResult.innerHTML = ""; checkPasswordResult.style.visibility="hidden"; obj.style.border="1px solid #1ab394"; } } </script>