Jquery和插件验证,测试没有错误

时间:2011-08-13 11:01:05

标签: javascript jquery-validate

我显然做了一些愚蠢的事情或者没有理解某些基本过程。很早就玩这个了。

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

<input class="submit" type="submit" value="Submit" onClick="submitForm()" />

我正在使用Jquery和插件验证。我遇到的问题是在每个字段上进行验证,但是如果我点击提交时没有数据或者没有测试过每个字段,我需要验证整个表单,在提交之前,我应该从{返回false {1}}。由于validate().form()中的else语句永远不会被执行,因此不会发生这种情况。

在空表单上,点击提交后会显示字段错误消息,但我的返回测试结果为false,似乎无效。

submitForm()

1 个答案:

答案 0 :(得分:0)

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作为网址)