Javascript 如何将jQuery验证器与提交函数一起使用?

Javascript 如何将jQuery验证器与提交函数一起使用?,javascript,jquery,jquery-validate,Javascript,Jquery,Jquery Validate,单击“开始”按钮后,我希望表单首先进行验证,如果未进行验证,则显示错误消息,或者转到submit()函数下的网站 在javascript中使用这种语言的正确方法是什么?我是否需要启动一个函数(){….},或者我只是按照我所做的去做,是否有一种方法可以返回true或false来判断它是否有效?这是我第一次用javascript编写代码 HTML: window.location.href只是告诉浏览器打开该url,而不是提交表单。如果您希望浏览器提交,请将操作url放入表单并删除提交句柄如果您阅读

单击“开始”按钮后,我希望表单首先进行验证,如果未进行验证,则显示错误消息,或者转到submit()函数下的网站

在javascript中使用这种语言的正确方法是什么?我是否需要启动一个
函数(){….}
,或者我只是按照我所做的去做,是否有一种方法可以返回true或false来判断它是否有效?这是我第一次用javascript编写代码

HTML:


window.location.href
只是告诉浏览器打开该url,而不是提交表单。如果您希望浏览器提交,请将操作url放入表单并删除提交句柄如果您阅读文档,您将看到jQuery.validate有一个
submitHandler
,在表单有效时应用于提交表单。
<form action="" method="post" class="form-horizontal" id="new-pbc-form">
    <div class="control-group">
        <label class="control-label" for="project-name">Project Name</label>
        <div class="controls">
            <input type="text" name="name" id="projectname" placeholder="Project Name" />
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="project-version">Project Version</label>
        <div class="controls">
            <input type="text" name="version" id="project-version" placeholder="Project Version" />
        </div>
    </div>
    <div class="control-group">
        <div class="controls">
            <button type="submit" class="btn" id="pbc-start-btn">Start</button>
        </div>
    </div>
</form>
    $('#new-pbc-form').validate({ // initialize the plugin
        rules: {
            name: {
                required: true
            },
            version: {
                required: true
            }
        }
    });
    $('#new-pbc-form').submit(function () {
        window.location.href = "WebForm2.aspx";
        return false;
    });