10

http://plugins.jquery.com/project/datepickにあるjquerydatepickerプラグインとdatepicker検証プラグインを使用しています。

<script id="frmValidation" type="text/javascript">

$(document).ready(function(){
    var validator = $("#frmTest").validate({
        rules:{
            fname: "required",
            dobPicker: "required" 
        },
        messages:{
            fname: "Please enter a name",
            dobPicker: "Select a date"
        },

    });
    $('#dobPicker').datepick();
    $.datepick.setDefaults({showOn: 'both', dateFormat: 'dd-mm-yy', yearRange:'1900:2010'});
});
</script>

そして、ドキュメントの本文は次のとおりです。

<form id="frmTest" action="" method="post">
<div id="error-list"></div>
<div class="form-row">
<span class="label"><label for="fname">Name</label></span>
<input type="text" name="fname" />
</div>
<div class="form-row">
<span class="label"><label for="dobPicker">DOB</label></span>
<input type="text" id="dobPicker" name="dobPicker" style="margin-left: 4px;"/>
</div>
<div class="form-row">
<input type="submit" name="submit" value="submit"/>
</div>
</form>

フォームは最初に検証されますが、日付ピッカーのエラーメッセージは、日付が選択されてもすぐには消えません。ただし、2回目に日付が選択されると消えます。日付が最初に選択されたときにそれを実行するための助けはありがたいです

4

2 に答える 2

21

これをdatepickerのデフォルトに設定します。

onClose: function() {$(this).valid();},

別の日付が選択されるとすぐに、バリデータープラグインがフィールドを再チェックします。

于 2010-03-26T22:49:01.500 に答える
3

「ベストアンサー」は私にはうまくいきませんでした。要求しなかったにもかかわらず、バリデーターが日付形式を検証していることがわかりました。これが私の解決策です：

$('form').validate(
    rules:
    {
        MyDateControl:{
            required:true,
            date:false
        }
    }
);
于 2012-04-20T13:51:54.047 に答える