jQueryのdatepickerを実装しました。
そこに、jquery.validate.jsを当てて、空欄の時にエラーが出るようにしました。
しかし、日付を選択しても、エラーメッセージが出てしまいます。
(※日付をカレンダーで選択後、再び日付の欄をクリックするとエラーが消えます。)
どうやら、日付の値を取得していないような気がしています。
どなたかご存じの方がいらっしゃいましたら、教えていただけると幸いです。
<script type="text/javascript">
$(function(){
$("#datepicker").datepicker()
});
</script>
<script>
jQuery(".validDate").validate({
expression: "if(VAL != '') return true; else return false;",
message: "希望日をお選びください。"
});
</script>
<input type="text" name="reservationdate" class="rDate validDate" id="datepicker"/>
No.1ベストアンサー
- 回答日時:
これ、きっと頻出ですね。
jQuery.validate は keyDown や change イベントを監視しているので、DateTimePicker などの「外部投入」型の
もジュールでは値の変化を検出できない、と。
DatePicker終了時に強制的にフォーカスを当てるとか。
<script type="text/javascript">
$(function(){
$("#datepicker").datepicker({
onClose : function(){
this.focus();
}
})
});
</script>
ひょっとしたら一部のブラウザでonCloseのタイミングが合わないかも。ならば、
<script type="text/javascript">
$("#datepicker").datepicker({
onClose: function() {
setTimeout(function(){
$("#datepicker").focus();
}, 500);
}
});
</script>
でもいいかな。
お忙しい中、解りやすい回答をしてくださって、ありがとうございました!
<script type="text/javascript">
$(function(){
$("#datepicker").datepicker({
onClose : function(){
this.focus();
}
})
});
</script>
を記入したら、エラーメッセージがでなくなりました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ウインドウの後ろに隠れている...
-
Cygwinでログをのこす方法
-
jquery uiが動かない
-
フォルダ名の取得方法
-
showModalDialogで開いた画面か...
-
javaからcgiの呼び出し
-
Vbscriptで自分自身のウィンド...
-
onbeforeunload時のwindow.open...
-
PrintScreenキーを無効にしたい
-
JavaScript関数呼出し元の要素...
-
javascriptでbgmを自動再生する...
-
undefinedが表示されてしまう
-
<aタグで変数に文字を代入
-
Java ScriptでIPによるアクセス...
-
文字を入れ替わり表示させたい...
-
Google scriptについて 至急scr...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
別ファイルのfunctionの読み込み方
-
(Javascript)印刷するファイル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptでbgmを自動再生する...
-
JavaScriptからVBScriptの呼び...
-
onbeforeunload時のwindow.open...
-
Vbscriptで自分自身のウィンド...
-
ウインドウの後ろに隠れている...
-
javascriptでtableの該当行を削...
-
Cygwinでログをのこす方法
-
Java ScriptでIPによるアクセス...
-
確認ダイアログで「キャンセル...
-
showModalDialogで開いた画面か...
-
ASPで取得した情報をscriptタグ...
-
JavaScript関数呼出し元の要素...
-
datepickerで日付の値を取得したい
-
文字を入れ替わり表示させたい...
-
毎回、ページ読み込み時に1回...
-
location.reload() について
-
曜日ごとにリンク先を変えるJav...
-
window.onloadイベントの任意実...
-
undefinedが表示されてしまう
-
ブラウザの「戻る」ボタンを押...
おすすめ情報