jquery datepicker输入时的validation

本文介绍如何使用beforeShow、onSelect和onClose事件确保datepicker选取的日期能够实时通过jqueryvalidation验证,避免默认值验证,确保每次输入的有效性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

       以datepicker的imageOnly为例,每次点击图片显示日期下拉菜单时datepicker会触发一个focus事件,当选定日期之后会触发一个focus out事件。如果用jquery validation来验证,在选定日期之后validation就会对上一次输入或者默认值进行验证,这显然不符合我们的需求。要实现对每次输入的日期进行验证,可以采用下面的方法:

beforeShow: function(input, inst) {
$(this).rules("remove");
},
onSelect: function(dateText, inst) {
$(this).rules("add", {...});
if($(this).attr("id") == "...") {
$("#...").focus();
$("#...").blur();
}
if($(this).attr("id") == "...") {
$("#...").focus();
$("#...").blur();
}
},
onClose: function(dateText, inst) {
$(this).rules("add", {... });
this.focus();
this.blur();

beforeShow,onSelect,onClose都是datepicker的event,通过在不同的event中触发不同的时间或rule,从而实现对本次输入值的验证。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值