表單提交javascript和輸入要求

我試圖提交使用div，HTML5，JavaScript的東西。如果我使用提交按鈕，驗證器（輸入中的必需屬性）起作用，則按鈕不提交信息。但如果我使用div標籤，它不會驗證併發送信息。任何方式來解決它？或者我應該執行整個代碼來驗證信息並停止提交？表單提交javascript和輸入要求

http://www.dropmocks.com/mCyfGJ

使用以下代碼

林。的Javascript提交： http://www.javascript-coder.com/javascript-form/javascript-form-submit.phtml

HTML

進入這裏

<form action="index.php" method="get" name='myform'> 
<ul> 
<li class="row"> 
          <label class="labels" for="username">Username</label> 
          <input type="text" id="txtUser" required> 
         </li> 
         <li class="row"> 
          <label class="labels" for="password">Password</label> 
          <input type="password" id="txtPass" required> 
         </li> 
         <li id="row2"> 
          <div class="button"><a href="javascript: submitform()">Submit</a></div> 
          <input type="submit"> 
         </li> 
        </ul> 
       </form>

來源

2014-01-13 nanoalvarez

讓我看看你的代碼，所以我可以幫你。 –

我想這就是你要找的http://stackoverflow.com/questions/8053394/how-to-do-something-before-on-submit –

代碼如果您是通過JS提交，那麼你需要給自己打電話的形式驗證。我在您的帖子中看不到任何會阻止提交的問題（無需驗證）。但這是一個有效的例子。請記住，並非所有瀏覽器都支持html5驗證。

<!DOCTYPE html> 
<html> 
    <body> 
    <form action="index.php" method="get" name='myform'> 
     <ul> 
     <li class="row"> 
      <label class="labels" for="username">Username</label> 
      <input type="text" id="txtUser" name="sds" required> 
     </li> 
     <li class="row"> 
      <label class="labels" for="password">Password</label> 
      <input type="password" id="txtPass" required> 
     </li> 
     <li id="row2"> 
      <div class="button"><a href="" onclick="return submitform()">Submit</a></div> 
      <input type="submit"> 
     </li> 
     </ul> 
    </form> 

    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 

    <script> 
    function submitform() { 
     // Get first form element 
     var $form = $('form')[0]; 

     // Check if valid using HTML5 checkValidity() builtin function 
     if ($form.checkValidity()) { 
     console.log('valid'); 
     $form.submit(); 
     } else { 
     console.log('not valid'); 
     } 
     return false; 
    }; 
    </script> 
    </body> 
</html>

來源

2014-01-13 01:45:02 cyberwombat

看看鏈接。正如你可以看到，如果我使用獲取驗證（請填寫此字段），但如果我使用JavaScript它發送信息，並不驗證。輸入具有屬性require。 – nanoalvarez

除了dropmocks，我沒有看到鏈接。我錯過了嗎？ – cyberwombat

我在說dropmocks鏈接。 – nanoalvarez

表單提交javascript和輸入要求

回答

相關問題