微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery验证onclick

我有一个jquery validate插件的问题,对我来说没有意义.任何人都可以看到我的错误在哪里?

这是我的HTML:

<form id="form">
   <input type="text" name="name" class="required" />
   <input type="text" name="email" class="required email" />
</form>
<a id="link">Save</a>

这是我的JS

<script src="jquery 1.7.1"></script>
<script src="jquery.validate.1.9"></script>
<script>
    $('#link').click(function()
    {
        $('#form').validate();
        if ($('#form').valid()) // check if form is valid
        {
            // do some stuff
        }
        else 
        {
            // just show validation errors,dont post
        }
    });

</script>

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

解决方法

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

原文地址:https://www.jb51.cc/jquery/181498.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐