HTML入力属性が1つのボタンに対してのみ必要です

Question

提出ボタンが付いたファイル入力があります。しかし、同じフォームの削除ボタンもあります。だから私の問題は、私は "ファイルを選択してください"と言うでしょう、私は削除ボタンを押して、 "必要な"属性はファイル入力にあるためです。このメッセージは、アップロードボタンを押したときにのみ表示されます（もちろん、入力が空の場合のみ）。

ここに私のコードです：

<form> 
<input name="file" id="file" type="file" required> 
<input type="submit" name="sub_image" value="Upload"> 
<input type="submit" name="del_image" value="Delete"> 
</form> 

Answer 1

(function ($) { 
 
\t 
 
    $('#my-form').validate({ 
 
     rules: {}, 
 
     messages: {}, 
 
     submitHandler: function() { 
 
      return false 
 
     } 
 
    }); 
 
    $('#del_image').click(function(){ 
 
\t 
 
\t \t $("#file").val(""); 
 
\t }); 
 
    
 

 
})(jQuery);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script> 
 

 
<form id="my-form"> 
 
<input name="file" id="file" type="file" required> 
 
<input type="submit" name="sub_image" value="Upload"> 
 

 
<button id="del_image">Delete</button> 
 
</form>

Answer 2

あなたが送信ボタンを特定の検証をスキップするformnovalidate属性を使用することができます。

<form> 
<input name="file" id="file" type="file" required> 
<input type="submit" name="sub_image" value="Upload"> 
<input type="submit" name="del_image" value="Delete" formnovalidate > 
</form>