关于jquery.validate1.9.0前台验证的使用介绍

2020-05-17 06:18:04易采站长站整理

        },
        messages: {
            username: “请输入姓名”,
            email: {
                required: “请输入Email地址”,
                email: “请输入正确的email地址”
            }
        }
    });


});


function showResponse(jsonData,statusText)
{
    if(statusText==’success’)
    {
        $(“#go”).prop(“disabled”,false);
        if (jsonData.status == 1)
        {
            $(“#return”).html(jsonData.message);
        }
        else
        {
            $.each(jsonData.errors, function(k,v){
                //$(‘#output’).find(‘ul’).append(‘<li>’ + v + ‘</li>’);
                $(‘.e_’ + k).html(v);
            });
        }
    }
}

二、控制错误信息位置的方法
现象一:


我在注册表单新加了一个验证码。验证结果错误时,这个错误信息跑到验证码前面去了。如下图所示:




目的:让错误信息在验证码后面


现象二:




上图中的红色提示内容,我想移到 (* 必填) 的后面。


上面两个现象,可通过jquery.validate自带的控制错误信息位置的方法——’errorPlacement’,使用也很方便:

errorPlacement: function(error, element)
{
    error.appendTo(element.parent());
}