添加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">
如果需要在提交时进行验证,下面是单个验证与多个验证:
最后一步提交时这样写:
<input type="submit" value="保存" onClick="return check();"/>
成功!
注:如需下载validator.js文件可在我资源中进行下载,不需要下载分。
<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文件可在我资源中进行下载,不需要下载分。
相关文章推荐
- JS添加删除一组文本框并对输入信息加以验证判断其正确性
- JS添加删除一组文本框并对输入信息加以验证判断其正确性
- JS添加删除一组文本框并对输入信息加以验证
- JS添加删除一组文本框并对输入信息加以验证
- Js中使用正则表达式验证输入是否有特殊字符
- 输入信息页面js验证,提示信息
- 为页面上某些文本框添加离开验证输入事件
- JS常用的一些判断输入验证
- Js验证 :只能输入数字和小数点 验证是否是数字 js取float型小数点后两位
- 用JS 验证输入的值的长度,一个汉字占两个字节
- js中验证输入的数值是否是正确的时间格式
- js 文本框输入限制 正则表达式 验证
- js验证及限制文本框输入
- js验证输入精度为1的浮点数
- 接口添加页面JS验证
- js验证只能输入汉字 只能输入数字 只能输入英文和数字 控制输入框只能输入
- js各种验证文本框输入格式
- js验证输入的金钱格式
- js 中输入验证
- js验证输入字段是否含有字母数字function checkChar(ic) { if (ic >= 48 && ic <= 57) { return 1; } if ((i