87,990
社区成员
发帖
与我相关
我的任务
分享简单的jq表单验证用户名是否存在，用remote提交不了数据，谁可以帮我看下哪里出错了？
<script type="text/javascript" src="js/jquery-1.3.1.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.validate.messages_cn.js"></script>
<script type="text/javascript">
$(document).ready()
$(document).ready(function(){
$("#cls").validate({
rules:{
username:{
required:true,
minlength:2,
maxlength:8,
remote:{
url:"UserBiz.jsp",
type:"post",
dateType:"json",
data:{
username:function(){
return $("#username").val();
}
}
}
},
password:{
required:true,
minlength:6,
maxlength:10
},
confirm_password:{
required:true,
equalTo:"#password"
},
email:{
required:true,
email:true}
},
messages: {
username: {
required: '请输入姓名',
remote:'用户名已存在',
minlength: '请至少输入两个字符',
maxlength:'最多请输入八个字符'
},
password:{
required: '请输入密码',
minlength: '请至少输入六个字符',
maxlength:'最多请输入十个字符'
},
confirm_password:{
required: '请再次输入密码',
equalTo:" 请检查密码是否一致"
},
email:{
required: '请输入电子邮件地址',
email: '请检查电子邮件的格式'
}
},
errorElement: "em", //用来创建错误提示信息标签
success: function(label) { //验证成功后的执行的回调函数
//label指向上面那个错误提示信息标签em
label.text(" ") //清空错误提示消息
.addClass("success"); //加上自定义的success类
}
});
});
</script>
</head>
<body>
<form method="post" action="" id="cls" >
<p class="int">
<label for="username" ><span class='high'>*</span> 用户名: </label >
<input type="text" id="username" name="username" class="username" />
</p>
<p style="margin-top:0px; padding-top:2px; padding-left:100px">2~18个字符，包括字母、数字、下划线</p>
<p class="int">
<label for="password" ><span class='high'>*</span> 密码: </label >
<input type="password" id="password" name="password" />
</p>
<p style="margin-top:0px; padding-top:2px; padding-left:100px">密码长度6～10位</p>
<p class="int">
<label for="confirm_password" ><span class='high'>*</span> 确认密码: </label >
<input type="password" id="confirm_password" name="confirm_password" />
</p>
<p style="margin-top:0px; padding-top:2px; padding-left:100px">请确认输入的密码相同</p>
<p class="int">
<label for="email"> <span class='high'>*</span> 邮箱:</label>
<input type="text" id="email" name="email" />
</p>
<p style="margin-top:0px; padding-top:2px; padding-left:100px">请输入有效的邮件地址</p>
<p class="sub">
<input type="submit" value="提交" id="send" class="submit"/><input type="reset" id="res"/>
</p>
</form>
</body>
</html>
userbiz.java
public String username;
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
username=request.getParameter("username");
}
public boolean check(){
System.out.print(username);
boolean valid=false;
String[] list={"abc","aaaaaa","cccccc"};
for(int i=0;i<list.length;i++){
if(username.equals(list[i])){
valid=true;
System.out.print(username);
}
}
return valid;
}
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.validate.messages_cn.js"></script>
<script type="text/javascript">
$(document).ready()
$(document).ready(function(){
$("#cls").validate({
rules:{
username:{
required:true,
minlength:2,
maxlength:8,
remote:{
url:"UserBiz.jsp",
type:"post",
dateType:"json",
data:{
username:function(){
return $("#username").val();
}
}
}
},
password:{
required:true,
minlength:6,
maxlength:10
},
confirm_password:{
required:true,
equalTo:"#password"
},
email:{
required:true,
email:true}
},
messages: {
username: {
required: '请输入姓名',
remote:'用户名已存在',
minlength: '请至少输入两个字符',
maxlength:'最多请输入八个字符'
},
password:{
required: '请输入密码',
minlength: '请至少输入六个字符',
maxlength:'最多请输入十个字符'
},
confirm_password:{
required: '请再次输入密码',
equalTo:" 请检查密码是否一致"
},
email:{
required: '请输入电子邮件地址',
email: '请检查电子邮件的格式'
}
},
errorElement: "em", //用来创建错误提示信息标签
success: function(label) { //验证成功后的执行的回调函数
//label指向上面那个错误提示信息标签em
label.text(" ") //清空错误提示消息
.addClass("success"); //加上自定义的success类
}
});
});
</script>
</head>
<body>
<form method="post" action="" id="cls" >
<p class="int">
<label for="username" ><span class='high'>*</span> 用户名: </label >
<input type="text" id="username" name="username" class="username" />
</p>
<p style="margin-top:0px; padding-top:2px; padding-left:100px">2~18个字符，包括字母、数字、下划线</p>
<p class="int">
<label for="password" ><span class='high'>*</span> 密码: </label >
<input type="password" id="password" name="password" />
</p>
<p style="margin-top:0px; padding-top:2px; padding-left:100px">密码长度6～10位</p>
<p class="int">
<label for="confirm_password" ><span class='high'>*</span> 确认密码: </label >
<input type="password" id="confirm_password" name="confirm_password" />
</p>
<p style="margin-top:0px; padding-top:2px; padding-left:100px">请确认输入的密码相同</p>
<p class="int">
<label for="email"> <span class='high'>*</span> 邮箱:</label>
<input type="text" id="email" name="email" />
</p>
<p style="margin-top:0px; padding-top:2px; padding-left:100px">请输入有效的邮件地址</p>
<p class="sub">
<input type="submit" value="提交" id="send" class="submit"/><input type="reset" id="res"/>
</p>
</form>
</body>
</html>
userbiz.java
public String username;
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
username=request.getParameter("username");
}
public boolean check(){
System.out.print(username);
boolean valid=false;
String[] list={"abc","aaaaaa","cccccc"};
for(int i=0;i<list.length;i++){
if(username.equals(list[i])){
valid=true;
System.out.print(username);
}
}
return valid;
}
...全文
请发表友善的回复…
发表回复
你的老师父 2012-09-19
- 打赏
- 举报
我也遇到了，唉，没到后台，直接就提示message里边的错误提示了
