バリデーションに失敗したときに有効にならない

Question

私は除外時に正常に動作する必要がある妥当性確認のためにclass='required'を使用しました。onClick="this.form.submit(); this.disabled=true; 送信ボタンから。 私はあなたがHTML5フォーム検証を使用している検証

<form action="<?php echo $this->url('weeklyplan', array('action' => 'add')); ?>" method="post" id='myform'> 
    <div class="mainformdiv"> 
     <div class= "formelementblock"> 
      <div class="formelement"> 
       <select name="txtdefined_week_id" id="txtdefined_week_id" class="select-block required" onchange="showdateranges()"> 
        <option value="">Select Defined Week</option> 
        <?php foreach ($definedweeks as $obj) { ?> 
         <option value="<?php echo $obj->defined_week_id; ?>"><?php echo $obj->start_day . "-" . $obj->end_day; ?></option> 
        <?php } ?> 
       </select> 
      </div> 
     </div> 

     <div class= "formelementblock"> 
      <div class="formelement"> 
       <input type="text" readonly="readonly" name="txtstart_date" class="input-text datepickerwidth required" id="txtstart_date" placeholder="Start Date*"/> 
      </div> 

     </div> 
     <div class= "formelementblock last"> 
      <div class="formelement"> 
       <input type="text" readonly="readonly" name="txtend_date" class="input-text datepickerwidth required" id="txtend_date" placeholder="End Date*"/> 
      </div> 
     </div> 
    </div> 

    <div class="clear"></div> 
    <div class="form-button"> 
     <div class="button-block"> 
      <input onClick="this.form.submit(); this.disabled=true;" class="button" type="submit" name="button" id="button" value="Save" />&nbsp;&nbsp;&nbsp; 
      <input class="button" type="button" name="button" id="button" value="Cancel" onclick="window.location = '<?php echo $this->url('weeklyplan', array('action' => 'index')); ?>'" /> 
     </div> 
    </div> 
</form> 

Answer 1

$(document).ready(function() { 
     $("#button").click(function(){ 
      $('#button').attr('disabled',true); 
      $('#myform').submit(); 
      var no=$("#myform").validate().toShow.length; 
      if(no!=0){ 
       $('#button').attr('disabled',false); 
      } 

     }); 
    }); 

Answer 2

とマルチクリックを無効にしたいです。ボタンは「提出する」タイプではなく、ではないことを

<input onClick="checkform(); this.disabled=true;" class="button" type="button" name="button" id="button" value="Save" /> 

お知らせ：何か好きに

<input onClick="this.form.submit(); this.disabled=true;" class="button" type="submit" name="button" id="button" value="Save" /> 

：あなたが入力が有効であるかどうかを確認したい場合には、事前に変更する必要が提出通常のボタン。これにより、入力が有効かどうかをチェックするjavascript関数（ "checkform（）"）を作成することができます。 javascriptには、 'required' html5属性を持つ入力が有効かどうかを返す関数があります。この機能は次のとおりです。

inputElement.checkValidity() 

あなたはすべての入力が有効である場合は、フォームを送信することができます確認した後。