使用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验证？

回答

相关问题