使用WdatePicker日期控件的同时进行表单验证

liloaches 发布于 2012/09/07 14:41
阅读 3K+
收藏 0

在使用JQuery validate时的前提下要进行表单非空验证,输入框里已经有值了,但还出现提示信息。。
研究了一下,主要是因为当点击选框后,先出现焦点,然后执行validate插件,当选择日期后,焦点先丢失,然后才将选择的日期赋值给选框,而表单验证是在焦点失去之后立即执行的,此时选框还没有赋值成功,所以会出现提示。不知这个问题该如何弄。。。
html代码:

<td align="left">

<input type="text" id="invoicetime" name="invoicetime" style="width:65%;height:25px" value="${apasInfoDailyExpend.invoicetime}" onfocus="f1();" readonly/>

</td>

js代码:

function f1(){

WdatePicker({

el:$dp.$('invoicetime'),

skin:'whyGreen',

dateFmt:'yyyy-MM-dd',

maxDate:'%y-%M-%d',

isShowOthers:'true'

});

}

表单验证就不贴了!!!求高手啊!!!!

加载中
0
W
WUYECHUN

有类似的,移除class就可以了,借鉴一下:

 

$('#date_birth_picker').datepicker({ autoclose: true, weekStart: 1, }).on('changeDate', function(ev) { if($('#date_birth').valid()){ $('#date_birth').removeClass('invalid').addClass('success'); } });

 

0
W
WUYECHUN
$('#date_birth_picker').datepicker({
                autoclose: true,
                weekStart: 1,
 }).on('changeDate', function(ev) {
    if($('#date_birth').valid()){
       $('#date_birth').removeClass('invalid').addClass('success');  
    }
 });
返回顶部
顶部