手動提交jquery跳過驗證

Question

我想編輯一個數字，但如果我使用按鍵：輸入提交表單，它將跳過數字1-20的驗證並提交給我的路由。

<form action="/editrank>?_method=PUT" method="POST"> 
<input type="number" min="1" max = "20" name = "rank" value = "1"> 
</form> 

的jQuery：

$("input").keypress(function(event){ 
      if(event.which === 13){ 
        $(this).closest("form").submit(); 
      } 
     }); 

，我可以添加一個提交按鈕，如果我按一下按鈕，但是當我按進不了它會驗證。

Answer 1

您可以檢查表單是否有效像

$("input").keypress(function(event) { 
 
    if (event.which === 13) { 
 
    var $form = $(this).closest("form"); 
 
    if ($form[0].checkValidity()) { 
 
     $form.submit(); 
 
    } 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action="/editrank>?_method=PUT" method="POST"> 
 
    <input type="number" min="1" max="20" name="rank" value="1"> 
 
</form>