添加js输入验证框

来源:互联网 发布:风中劲草使用方法 知乎 编辑:程序博客网 时间:2024/05/17 01:56
对数字、身份证、邮编、汉子、手机号、账号进行验证,需在文件比如easyui中导入validator.js文件,在html中添加另外一个

<script type="text/javascript" src="${ctx}/easyui/validator.js"></script> //注意里面的导入路径就是validator.js的路径。
在html中form表单中输入数字(例如面积时),应这样写

<input type="text" id="area" name="xxx.area" style="width=:100px;" required="true" class="easyui-validatebox" validtype="num">


如果需要在提交时进行验证,下面是单个验证与多个验证:

//单个验证 例如:area                     function  check(){                         var num=$("#area").val();             var reg =/^[\d]+$/;              var flag=reg.test(num);              return flag;                           }          



 //多个验证 例如:area fixedAssets life checkCircle                    function  check(){                         var num=$("#area").val();             var num2=$("#fixedAssets").val();             var num3=$("#life").val();            var num4=$("#checkCircle").val();                         if(!checkNum(num)||!checkNum(num2)||!checkNum(num3)||!checkNum(num4)){                 return false;             }                 return true;                            }                  function  checkNum(num){                                      var reg =/^[\d]+$/;              var flag=reg.test(num);              return flag;                       }          

最后一步提交时这样写:

<input type="submit" value="保存" onClick="return check();"/>

成功! 

                                            注:如需下载validator.js文件可在我资源中进行下载,不需要下载分。

原创粉丝点击