手动提交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>