easyui datebox多条件验证
来源:互联网 发布:手机贴膜好不好知乎 编辑:程序博客网 时间:2024/06/15 12:30
页面元素:
<tr>
<td class="field">用户名</td>
<td>
<input name="username" type="text" class="field easyui-validatebox" maxlength="16"
data-options="required:true,validType:'fn[system.user.checkUser]',invalidMessage:'用户名已存在!'"/>
</td>
<td class="field">备注</td>
<td>
<textarea class="field-remark easyui-validatebox" name="remark"
data-options="validType:'length[0,120]',invalidMessage:'不能超过120个字符!'"></textarea>
</td>
</tr>
<tr>
<td class="field">密码</td>
<td colspan="3">
<input id="password" name="password" type="password" class="field easyui-validatebox" maxlength="16"
data-options="required:true,validType:'regexp[\'^\\\\w{6,16}$\']',invalidMessage:'密码必须是6-16个字母、数字、下划线!'"/>
</td>
</tr>
<tr>
<td class="field">确认密码</td>
<td colspan="3">
<input type="password" class="field easyui-validatebox" maxlength="16"
data-options="required:true,validType:'equals[\'#password\']',invalidMessage:'两次输入密码不一致!'"/>
</td>
</tr>
<tr class="hidden">
<td class="field" >授权开始时间</td><td>
<input id="validBeginedAt" type="text" style="width:300px" name="validBeginedAt" data-options="validType:'date'"/>
</td>
</tr>
<tr class="hidden">
<td class="field">授权结束时间</td>
<td>
<input id="validEndedAt" type="text" style="width:300px" name="validEndedAt" data-options="validType:'dateQh[\'#validBeginedAt\']'"/>
</td>
</tr>
<script type="text/javascript">
//easyui validatebox 规则扩展
$.extend($.fn.validatebox.defaults.rules, {
dateQh:{ //日期格式验证.yyyy-MM-dd
validator:function (value) {
var match=/^(\d{4})-(\d{1,2})-(\d{1,2})$/.test(value);
if(!match) return false;
var month=parseInt(RegExp.$2);
var day=parseInt(RegExp.$3);
return (month>=1 && month<=12) && (day>=1 && day<=31);
},
message:'日期格式不正确!',
validator:function (value,param) {
var startTime2 = $(param[0]).datebox('getValue');
var d1 = $.fn.datebox.defaults.parser(startTime2);
var d2 = $.fn.datebox.defaults.parser(value);
varify=d2>d1;
return varify;
},
message:'结束日期要大于开始日期!'
}
});
$(function() {
$('#validBeginedAt').datebox({
required:true
});
$('#validEndedAt').datebox({
required:true
});
});
</script>
- easyui datebox多条件验证
- easyUI DateBox
- easyui--datebox
- EasyUI validatebox 多条件验证扩展
- easyUI——datebox验证和自定义取消按钮
- 扩展easyui 功能-datebox
- jQuery easyui datebox 使用
- easyui datebox操作
- EasyUI 的DateBox()用法
- EasyUI Datebox 日期框
- EasyUI-datebox formatter
- EasyUI的datebox用法
- easyui-datebox取值
- easyui-datebox onchange事件
- easyui datebox formatter parser
- easyui-datebox改变事件
- easyui easyui-datebox日期选择
- EasyUI datebox datetimebox的自定义按钮 按条件设置日期的不可用 js日期计算
- Ensemble methods 之 Random Forest(随机森林)
- IOS 学习 数据库操作实例
- [leetcode] 98.Validate Binary Search Tree
- Autonomous Intelligent Robotics
- IOS 学习 创建表格的方法
- easyui datebox多条件验证
- 用Java开源项目JOONE实现人工智能编程
- 学习USB需要知道的几件事
- SLAM: 图像角点检测的Fast算法(OpenCV文档)
- RelativeLayout进行纯代码布局的理论基础
- js特效之_滚动标题
- IOS 学习 实现一个图片轮播器
- Android okHttp讲解
- 【java】队列、优先队列、双端队列Deque、链表LinkedList、阻塞队列(Blocking queue)