Jquery和插件Validate，测试没有错误

Question

我显然做了一些愚蠢的事情或者未能理解一些基本过程。很早以前就在玩这个。

当使用 onClick 方法单击提交按钮时，我试图检查正在验证的表单。

我正在使用 Jquery 和插件 Validate。我遇到的问题是在每个字段上进行验证，但是如果我单击提交而没有数据或未测试每个字段，我需要验证整个表单，在提交之前，我应该从 < 返回 false代码>validate().form()。这种情况不会发生，因为 submitForm() 中的 else 语句从未被执行。

在空表单上，单击提交后，会显示字段错误消息，但我对返回 false 的测试似乎不起作用。

$(document).ready(function() {
    $('#formEnquiry').validate();
});

function submitForm() {
    $('#msgid').append('<h1>Submitting Form (External Routine)</h1>');
    if ($('#formEnquiry').validate().form()) {
        $("#msgid").append("<h1>(Outside Ready) VALIDATED send to PHP</h1>");
    }
    else {
        $('#msgid').append('<h1>(Outside Ready) NOT VALIDATED</h1>');
    }
};

Answer 1

Ajax 的一个例子

$(function() {
$("#ipenter").submit(function() {
    var ip = $("#ip").val(); 
    var date = $("#date").val(); 
    var spammer = $("#spammer").val(); 
    var country = $("#country").val(); 
    var total = $("#total").val(); 

    var dataString = $('#ipenter').serialize();


        $.ajax({
            url: "/test/process",
            data: dataString,
            type: "POST",
            success: function(msg) {                        
            $('#ipenter').append('<h3 class="gotin">Post succesfull!');
            $('h3.gotin').delay(8000).fadeOut(500);                   
        },
            error: function(data){
            $('#ipenter').prepend('<h3 class="didnt">Post sucked!');
            $('h3.didnt').delay(8000).fadeOut(500);
        }        
    });
    return false;
});

});

你甚至不需要 val() 部分

你也可以在 ajax 之前在这个脚本中进行一些验证

if (spammer == "") {
        $("#spammer_error").show();
        $("input#image").focus();
  return false;

这是 ajax 的基本示例（我正在使用 codeigniter，所以你可能需要使用有效的 URL 作为 url）