首页>>表单>>超级简单的jquery表单验证(2013-12-21)

超级简单的jquery表单验证

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

超级简单的jquery表单验证
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

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