EasyUI表单验证
来源:互联网 发布:手机淘宝怎么改运费 编辑:程序博客网 时间:2024/05/18 17:02
- EasyUI验证框使用方法
//*****************************
missingMessage: 未填写时显式的信息
validType: 验证类型见下实例
invalidMessage: 无效的数据类型时显式的信息
required=”true” 必填项
class=”easyui-validatebox” 文本验证
class=”easyui-numberbox” 数字验证
*******************************//
调用数据验证方法:
return $(“#form1”).form(‘validate’);
- 代码示例
1. // 必填并且字符长度为6~20 2. <input type="text" name="loginid" 3. class="easyui-validatebox" id="loginid" required="true" 4. validType="length[6,20]"></input> 5. 6. 7. // 必填并且字符长度为6~20(即最大字符长度为20) 8. <input type="text" name="username" 9. class="easyui-validatebox" id="username" required="true" 10. validType="length[0,20]"></input>
1、验证是否必填
class=”easyui-validatebox” missingMessage=”xxx必须填写”
2、验证字符串长度
class=”easyui-validatebox” missingMessage=”xxx必须填写少于10个字符” validType=”length[0,2]” invalidMessage=”不能超过2个字符!”
示例:
<input class="easyui-validatebox" required="true" missingMessage="姓名必须填写" size="10" type="text" name="ARealName"></input>
3、验证数字必须是5.5-20之间 precision=”2”表示是2为小数
class=”easyui-numberbox” min=”5.5” max=”20” precision=”2” required=”true” missingMessage=”必须填写5.5~10之间的数字”
4、验证必须是日期yyyy-MM-dd(只能选择不可编辑)
<script> $.fn.datebox.defaults.formatter = function (date) { var y = date.getFullYear(); var m = date.getMonth() + 1; var d = date.getDate(); return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d < 10 ? '0' + d : d); }; $.fn.datebox.defaults.parser = function (s) { if (s) { var a = s.split('-'); var d = new Date(parseInt(a[0]), parseInt(a[1]) - 1, parseInt(a[2])); return d; } else { return new Date(); } };</script>
class=”easyui-datebox” required=”true” missingMessage=”日期必须填写” editable=”false”
//如果需要填写其他格式的类型请自行修改formatter函数
5、验证必须是邮件
class=”easyui-validatebox” missingMessage=”邮件必须填写” validType=”email” invalidMessage=”请填写正确的邮件格式”
6、页面时间段判断 name为s1的时间必须大于name为s2的时间 s3必须大于s2
<script>$.extend($.fn.validatebox.defaults.rules,{ TimeCheck:{ validator:function(value,param){ var s = $("input[name="+param[0]+"]").val(); //因为日期是统一格式的所以可以直接比较字符串 否则需要Date.parse(_date)转换 return value>=s; }, message:'非法数据' } });</script><input name="s1" class="easyui-datebox" required="true" missingMessage="日期必须填写" editable="false"></input><input name="s2" class="easyui-datebox" required="true" validType="TimeCheck['s1']" invalidMessage="s1必须大于s2" editable="false"></input><input name="s3" class="easyui-datebox" required="true" validType="TimeCheck['s2']" editable="false"></input>
7、询问对话框提交:
function Confirmbtn(msg, control) {$.messager.confirm('确认', msg, function (r) { if (r) { __doPostBack("ctl00$ContentPH_Main$Button1", ""); //alert('aa'); }});return false;}OnClientClick="return Confirmbtn('确认吗?', this);
Mar 27th, 2016
- easyui表单验证easyui-validatebox
- easyui 验证表单
- EasyUI 表单验证注意事项
- easyui 表单验证
- jquery easyui 表单验证
- jquery easyui 表单验证
- easyui表单的验证
- easyui表单验证
- easyUI表单验证扩展
- jquery easyui 表单验证
- easyui表单验证
- jQuery easyui表单验证
- easyui 表单元素验证
- EasyUI表单验证
- easyui js 表单验证
- EasyUI表单验证
- Easyui 表单验证
- EasyUI 表单验证
- SQl优化问题4
- 免费开源!仿微信仿陌陌类APP源代码整项目开源,包括ADT项..
- 腾讯前端面试
- 2016/3/27 - 记
- 正则表达式和Jquery
- EasyUI表单验证
- 浅谈属性动画的简单使用(一)
- 2016sdau课程练习专题一 1008 problemI
- iOS UIDocumentInteractionController 第三方打开详解
- Java开发微信公众号-接口测试帐号接口配置及Java源代码
- 用C语言写的一个小的银行管理程序
- 阿里2016实习offer五面经验与总结
- 【反省】还在犹豫什么?
- The imported target "Qt5::Core" references the file