jquery验证onclick

前端之家收集整理的这篇文章主要介绍了jquery验证onclick前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个jquery validate插件的问题,对我来说没有意义.任何人都可以看到我的错误在哪里?

这是我的HTML:

  1. <form id="form">
  2. <input type="text" name="name" class="required" />
  3. <input type="text" name="email" class="required email" />
  4. </form>
  5. <a id="link">Save</a>

这是我的JS

  1. <script src="jquery 1.7.1"></script>
  2. <script src="jquery.validate.1.9"></script>
  3. <script>
  4. $('#link').click(function()
  5. {
  6. $('#form').validate();
  7. if ($('#form').valid()) // check if form is valid
  8. {
  9. // do some stuff
  10. }
  11. else
  12. {
  13. // just show validation errors,dont post
  14. }
  15. });
  16.  
  17. </script>

表单永远不会被验证或至少.valid()函数总是返回true但我不明白为什么?我使用了validate插件多年但不是在这种情况下.

解决方法

如果您有链接并需要验证表单.
功能也会转到UI选项卡中的下一个选项卡,在每个选项卡中使用表单验证每个选项卡.
  1. $('.next-tab').click(function() {
  2. //if form is valid
  3. if ($("#frmSignup").valid()) {
  4. //activate next tab
  5. $('#signuptabs').tabs('enable',$(this).attr("rel"));
  6. //switch to next tab
  7. $tabs.tabs('select',$(this).attr("rel"));
  8. return false;
  9. }
  10. });

猜你在找的jQuery相关文章