チェック誕生日がシステムの現在の日付よりも小さいかどうかを確認します。

Question

<div class="col-sm-5"> 
    <script type="text/javascript"> 
     function validateDate(){ 
      var selectedDate = $('#form-control datepicker').datepicker('getDate'); 
      var now = new Date(); 
      now.setHours(0,0,0,0); 
      if (selectedDate < now) { 
       // selected date is in the past 
      } 
     } 
    </script> 
    <input type="text" name="birth_date" class="form-control datepicker" id="field-1" onsubmit="validateDate()"> 
</div> 

このjavascriptを使用して入力日付の有効性を確認していません。 現在の日付よりも小さい日付を挿入します。

Answer 1

input要素には、submitイベントがありません。 formです。ユーザープレスが戻るときに実行するようにコードをしたいと仮定すると、以下を行う必要があります。form年代onSubmit属性を

• ラップform要素でinputと使用
• 検証が持っているあなたのハンドラからfalseを返します

を失敗した私が正しくあなたの質問を読んでいた場合、あなたは時にフォームの送信を防ぐために、JavaScriptを希望JavaScript code to stop form submission

Answer 2

を参照してください。 selectedDateはnow未満です。この情報を転送するには、あなたはあなたのJavaScriptでreturn false;する必要があります。

<script type="text/javascript"> 
function validateDate(){ 
    var selectedDate = $('#form-control datepicker').datepicker('getDate'); 
    var now = new Date(); 
    now.setHours(0,0,0,0); 
    if (selectedDate < now) { 
    // selected date is in the past 
    return false; 
    } 
} 
</script> 

はこのJavaScript関数が開いて取得するには、あなたがonsubmitreturnのそのJavaScript関数の値、などの方法にして<form>を必要としますフォームを送信してください：

<form onsubmit="return validateDate();"> 
<input type="text" name="birth_date" class="form-control datepicker" id="field-1"> 
<input type="submit"> 
</form> 

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.