jquery验证: prevent form submit

Question

通过使用 jQuery 插件验证，我试图验证我的表单。当验证通过时，我希望 JavaScript 使用表单中的值触发，然后停止。浏览新/同一网站时无需实际提交表单。

这可以通过 jquery 验证实现吗？

Answer 1

您可以尝试这个(Example):

$(function(){
    $("#myform").validate();    
    $("#myform").on('submit', function(e) {
        var isvalid = $("#myform").valid();
        if (isvalid) {
            e.preventDefault();
            alert(getvalues("myform"));
        }
    });
});

function getvalues(f)
{
    var form=$("#"+f);
    var str='';
    $("input:not('input:submit')", form).each(function(i){
        str+='\n'+$(this).prop('name')+': '+$(this).val();
    });
    return str;
}