jquery验证onclick

前端之家收集整理的这篇文章主要介绍了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.f2er.com/jquery/181498.html

猜你在找的jQuery相关文章