您的位置:首页 > Web前端 > JavaScript

添加js输入验证框

2013-09-26 16:17 148 查看
对数字、***、邮编、汉子、手机号、账号进行验证,需在文件比如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文件可在我资源中进行下载,不需要下载分。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: