Question

我有一个带有3个字段“dateFrom”和“dateto”的html表单，并使用Jquery 这个字段的datepicker .Iam使用表单验证插件并验证必填字段。

$(document).ready(function(){
 $("#dateFrom").datepicker({ dateFormat: 'dd-M-yy' });
 $("#dateto").datepicker({ dateFormat: 'dd-M-yy' });
});

标记：

<input id="dateFrom" name="dateFrom" type="text" class="validate[required] TextBox" size="10" readonly=true 
   value='<?php !empty( $_POST[ 'dateFrom' ] ) ? $_POST[ 'dateFrom' ] : ''  ?>' >
<input id="dateFrom" name="dateto" type="text" class="validate[required] TextBox" size="10" readonly=true 
   value='<?php !empty( $_POST[ 'dateto' ] ) ? $_POST[ 'dateto' ] : ''  ?>' >

所以我的问题是当我选择Datepicker并选择一个日期时它仍然给出错误 “必填字段”，作为验证插件中文本框的提示构建但我已在文本框中输入日期。我尝试删除文本字段的值属性它没有删除提示。如何删除提示

Answer 1

尝试这样的事情：

$(document).ready(function(){

    // Checking input value onchange event
    $("input").change(function(){
        if ( $(this).val() != '' ) {
            // action to remove your prompt goes here
            // if you need just to remove class "validate[required]":
            $(this).removeClass('validate[required]');
        }
    });

    $("#dateFrom").datepicker({ dateFormat: 'dd-M-yy' }); 
    $("#dateto").datepicker({ dateFormat: 'dd-M-yy' });

});

此代码允许您在每次更改时检查<input />元素值。所以，如果它是空的，我们什么都不做，你看到你的提示，如果它被填写 - 我们删除提示。

在jquery中使用datepicker的问题

1 个答案: