使用jQuery進行HTML5驗證？

我有一個很大的註冊表單，我已經用jQuery循環進行了劃分，所以你只能看到小部分，而當你點擊下一個它只是另一個「幻燈片」。使用jQuery進行HTML5驗證？

我想觸發輸入字段HTML5驗證，但我不能使用一個提交按鈕每一個「滑」，我只在最後一次提交。有沒有一種方法可以根據輸入按鈕驗證輸入，當一切正常時，它就會進入下一張幻燈片。當有空的字段時，它應該觸發而不是向前滑動。任何幫助？

<form method="post" action="" id="frm"> 

<div id="modules"> 

    <div id="module_0"> 
     <p><input type="text" id="fname" name="fname" placeholder="Enter your first name" required /></p> 
     <p><input type="text" id="lname" name="lname" placeholder="Enter your last name" required /></p> 
     <p><input type="email" id="email" name="email" placeholder="Enter your e-mail" required /></p> 
     <p><input type="button" class="prv" value="Back.."/><input type="button" class="nxt" value="Next.."/></p> 
    </div> 

    <div id="module_1">Academic 
     <p><input type="button" class="prv" value="Back.."/><input type="button" class="nxt" value="Next.."/></p> 
    </div> 

    <div id="module_2">Professional 
     <p><input type="button" class="prv" value="Back.."/><input type="button" class="nxt" value="Next.."/></p> 
    </div> 

    <div id="module_3"> 
     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 
     <p><input type="text" id="test" placeholder="TEST" /></p> 
     <p><input type="button" class="prv" value="Back.."/><input type="button" class="nxt" value="Next.."/></p> 
     <p><input type="submit" id="submit" name="submit" value="Send message"/></p> </div>   
    </div> 

</form>

來源

2012-03-16 Pieter Moeyersons

表現出一定的代碼，這樣任何一個可以幫助 – 2012-03-16 08:54:07

您可以使用表格的checkValidity()方法：

返回true，如果是受約束驗證所有控件滿足他們的約束，還是假的，如果某些控件不能滿足它們的約束。在任何不滿足約束條件的控件上觸發一個名爲invalid的事件;如果事件沒有被取消，這種控制被認爲是無效的。

請注意，這種方法很可能不存在於舊版瀏覽器中！所以請確保在嘗試調用它之前檢查它是否確實存在。

來源

2012-03-16 09:04:20 ThiefMaster

的問題是，它是適用於谷歌瀏覽器很好，但因此它需要在Safari上工作，我沒有看到其他的解決方案，我建立一個iPad的Web應用程序。。有任何想法嗎？ – 2012-03-16 13:23:17

使用jQuery進行HTML5驗證？

回答

相關問題