2017-06-08 44 views
1

我有一個文件輸入提交與提交按鈕。但是它們也是一個同樣形式的刪除按鈕。所以我的問題是,當我按下刪除按鈕,它會說「請選擇一個文件」,因爲「必需」屬性是在文件輸入。我希望只有當您按下上傳按鈕時纔會顯示此消息(當然只有當輸入爲空時)。只有一個按鈕的HTML輸入屬性「必需」

這裏是我的代碼:

<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> 
+0

抱歉,這並未沒有道理:D elete哪個文件 - 您即將上傳的文件? – Johannes

+1

謝謝@ j08691有時它很簡單,您甚至沒有想過:D –

+0

除了@ j08691評論,您是否嘗試重置文件選擇?如果是這種情況,則爲'del_image'輸入設置'type =「reset」'。另外,使用'

回答

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>

0

你可以使用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> 
相關問題