注册 登录
编程论坛 JavaScript论坛

我想自定义Jquery表单验证显示位置,但是失败了,大伙给出给主意。

gdk2006 发布于 2010-06-12 13:33, 779 次点击
我的代码是:

function isgo()
{
    $("#formlogin").validate({
      rules:{
            usrName:{
                required:true,
                rangelength: [4,20],
                remote:'/check_user/?type=c'
            },
            usrPwd:{
            required:true,
            rangelength: [6,16]
            },
            yanzheng:{
                required:true,
                minlength:4,
                maxlength:4,
                digits:true
            }
        },
        messages:{
            usrName:{
                required:"<span class='logtext'>用户名不能够为空!</span>",
                rangelength:"<span class='logtext'>用户名长度介于4-20位字符之间。</span>",
                remote:"<span class='logtext'>用户名不存在,请重新输入!</span>"
            },
            usrPwd:{
            required:"<span class='logtext'>密码不能够为空!</span>",
            rangelength:"<span class='logtext'>长度介于6-16位字符之间!</span>"            
            },
            yanzheng:{
                required:"<span class='logtext'>验证码不能够为空!</span>",
                minlength:"<span class='logtext'>验证码长度为4位!</span>",
                maxlength:"<span class='logtext'>验证码长度为4位!</span>",
                digits:"<span class='logtext'>验证码必须为数字!</span>"
            }
        }        
    });
    $("#formlogin").submit();
    $("#forgot").html('');
}

这个已经实现了验证,但是想把验证列到表单下面去,不知道怎么移动。
只有本站会员才能查看附件,请 登录

就是移动到红色箭头位置,我试了加一个标签,然后在messages:的required:中写:$("#flag").html("<span class='logtext'>用户名不能够为空!</span>")这样验证的显示还是在用户名文本框之后。
1 回复
#2
flynet2010-07-02 11:43
把 id=flag 的 div 放到你想放的位置
1