超级简单的jquery表单验证

超级简单的jquery表单验证

 验证表单内容是否填写，email格式是否正确

演示

 

 

XML/HTML Code

1. <div class="container">  
2. <form id="testform">  
3. <div class="field">  
4. <label for="full_name">Full Name</label>  
5. <input type="text" name="full_name" id="full_name" class="required">  
6. <div class="val-message">Please enter your first name</div>  
7. </div>  
8. <div class="field">  
9. <label for="web_address">Your Web Address</label>  
10. <input type="url" name="web_address" id="web_address" class="required">  
11. <div class="val-message">Please enter a valid URL</div>  
12. </div>  
13. <div class="field">  
14. <label for="email_address">Email Address</label>  
15. <input type="email" name="email_address" id="email_address" class="email">  
16. <div class="val-message">Please enter a valid email address</div>  
17. </div>  
18. <div class="field">  
19. <label for="your_message">Your Message</label>  
20. <textarea name="your_message" id="your_message" class="required"></textarea>  
21. <div class="val-message">Please enter a valid email address</div>  
22. </div>  
23. <button type="submit">Submit</button>  
24. <button type="reset">Clear</button>  
25. </form>  
26. </div>  

 

原文地址:http://www.freejs.net/article_biaodan_196.html