jquery.validate.js - ITeye问答

问答首页 → Web前端技术

0 0

jquery.validate.js5

如图怎样把错误提示放到时button后面去

jquery validate

2012年9月11日 10:11

lx7753
0
0 0 8

查看图片附件

2个答案按时间排序按投票排序

1 0

采纳的答案

<td>
   <div>输入框</div>
<div class="errorBox"></div>
</td>

可以通过errorPlacement来指定错误位置
errorPlacement: function(error, element) {
    error.appendTo(element.parent().find("errorBox"));
}

比如在你输入框下边

2012年9月11日 10:47

jinnianshilongnian
7280
2 3 591

7条评论

0 0

我测试通过了，如果需要源代码，联系我

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>111</title>

</head>
<script src="validate/jquery.js" type="text/javascript"></script>
<script src="validate/jquery.validate.js" type="text/javascript"></script>
<script src="validate/jquery.metadata.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" >
$().ready(function() {
 $("#signupForm").validate({
	errorPlacement: function(error, element) {   
        $('#error1').html(error);
    },

        rules: {
   firstname: "required",
   email: {
    required: true,
    email: true
   },
   password: {
    required: true,
    minlength: 5
   },
   confirm_password: {
    required: true,
    minlength: 5,
    equalTo: "#password"
   }
  },
        messages: {
   firstname: "请输入姓名",
   email: {
    required: "请输入Email地址",
    email: "请输入正确的email地址"
   },
   password: {
    required: "请输入密码",
    minlength: jQuery.format("密码不能小于{0}个字 符")
   },
   confirm_password: {
    required: "请输入确认密码",
    minlength: "确认密码不能小于5个字符",
    equalTo: "两次输入密码不一致不一致"
   }
  }
    });
});

</script>



<form id="signupForm" method="get" action="">
    <p>
        <label for="firstname">Firstname</label>
        <input id="firstname" name="firstname" class="required" />
    </p>
 <p>
  <label for="email">E-Mail</label>
  <input id="email" name="email" class="required email" />
  
 </p>
 <p>
  <label for="password">Password</label>
  <input id="password" name="password" type="password" class="{required:true,minlength:5}" />
 </p>
 <p>
  <label for="confirm_password">确认密码</label>
  <input id="confirm_password" name="confirm_password" type="password" class="{required:true,minlength:5,equalTo:'#password'}" />
 </p>
    <p>
        <input class="submit" type="submit" value="Submit"/>
    <div id="error1" style="background-color:red; width:300px; height:30px;"></div>
    </p>
</form>

2012年9月11日 11:39