輸入不適用於我的表格中的步驟和最小屬性

我有一個輸入字段，將輸入一個整數如1,2,3,4,5等。沒有小數，也沒有負數。輸入不適用於我的表格中的步驟和最小屬性

我有這個，但我仍然可以輸入十進制和負數？

<input name="Quantity" type="number" step="1" min="0" class="form-control">

我是否應該在JS方面做一些驗證或者看看是否滿足元素屬性條件？

P.S.有一點需要注意。我不打電話提交表格。我點擊一個按鈕，序列化表單並通過JS傳遞給一個post調用。

來源

2016-07-18 user1186050

你需要在HTML5驗證工作中放置一個表單標籤。 –

我有它在一個窗體標籤。我只是沒有提交表格。請參閱我的P.S.以上 – user1186050

如果您正在談論純HTML驗證，您需要一個按鈕在您的表單中進行提交以觸發表單驗證。 –

-1

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script src="https://code.jquery.com/jquery-3.1.0.js" integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk=" crossorigin="anonymous"></script> 
    <script type="text/javascript"> 
     function testValidate() { 
      var form = $('form')[0]; 

      if (!form.checkValidity || !form.checkValidity()) { 
       console.log('Invalid'); 
      } else { 
       console.log('Validated'); 
      }; 
     } 
    </script> 

</head> 
<body> 
    <form id="form1"> 
     <input id="input1" name="Quantity" type="number" step="1" min="0" class="form-control"> 
     <div> 
      <button>Submit Button</button> 
     </div> 
    </form> 
    <button id="btnTest" onclick="testValidate()">TestButton</button> 
</body> 
</html>

如果你不想使用表單提交進行驗證，你當然可以使用JS進行驗證檢查。

但是，如果沒有看到您的代碼，我認爲您應該能夠讓您的提交按鈕爲您自動觸發驗證，並在驗證通過後進行表單序列化。

來源

2016-07-18 22:59:21

沒有進一步的反饋，我更新我的代碼以顯示如何檢查元素條件是否符合'Test button'，我的意思是表單中的某種形式的提交按鈕需要顯示驗證消息。 –

輸入不適用於我的表格中的步驟和最小屬性

回答

相關問題