81,094
社区成员
发帖
与我相关
我的任务
分享求大手指教为什么JQuery不验证？
HTML页面如下内容：
struts.xml如下内容：
<%@page contentType="text/html;charset=utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!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>
<title>用户注册 - 当当网</title>
<link href="../css/login.css" rel="stylesheet" type="text/css" />
<link href="../css/page_bottom.css" rel="stylesheet" type="text/css" />
<script src="../js/jquery-1.4.min.js" type="text/javascript">
</script>
<script src="../js/jquery.validate.js" type="text/javascript">
</script>
<script type="text/javascript">
$(function(){
$("#f").validate({
rules:{
txtEmail:{
required:true,
email:true,
remote:"checkEmail.action"
},
txtNickName:{
required:true,
rangelength:[4,20]
},
txtPassword:{
required:true,
rangelength:[6,16]
},
txtRepeatPass:{
equalTo:"#password"
},
imgVcode:{
required:true,
remote:"validatecode.action"
}
},
messages:{
txtEmail:{
required:"Email必须填写",
email:"必须填写正确的Email",
remote:"用户名已经存在"
},
txtNickName:{
required:"用户名必须填写",
rangelength:"用户名必须在4-20之间"
},
txtPassword:{
required:"密码必须填写",
rangelength:"密码必须在{6}-{16}位之间"
},
txtRepeatPass:{
equalTo: "两个Password必须一样"
},
imgVcode:{
required:"验证码必须填写",
remote: "验证码必须填对"
}
},
errorPlacement:function(error,element){
error.appendTo(element.next().find("span"));
}
});
});
</script>
</head>
<body>
<%@include file="../common/head1.jsp"%>
<div class="login_step">
注册步骤:
<span class="red_bold">1.填写信息</span> > 2.验证邮箱 > 3.注册成功
</div>
<div class="fill_message">
<form name="ctl00" method="post" action="register.action" id="f">
<h2>
以下均为必填项
</h2>
<table class="tab_login" >
<tr>
<td valign="top" class="w1">
请填写您的Email地址：
</td>
<td>
<input name="user.email" type="text" id="txtEmail" class="text_input"/>
<div class="text_left" id="emailValidMsg">
<p>
请填写有效的Email地址，在下一步中您将用此邮箱接收验证邮件。
</p>
<span id="email.info" style="color:red"></span>
</div>
</td>
</tr>
<tr>
<td valign="top" class="w1">
设置您在当当网的昵称：
</td>
<td>
<input name="user.nickname" type="text" id="txtNickName" class="text_input" />
<div class="text_left" id="nickNameValidMsg">
<p>
您的昵称可以由小写英文字母、中文、数字组成，
</p>
<p>
长度4－20个字符，一个汉字为两个字符。
</p>
<span id="name.info" style="color:red"></span>
</div>
</td>
</tr>
<tr>
<td valign="top" class="w1">
设置密码：
</td>
<td>
<input name="user.password" type="password" id="txtPassword"
class="text_input" />
<div class="text_left" id="passwordValidMsg">
<p>
您的密码可以由大小写英文字母、数字组成，长度6－20位。
</p>
<span id="password.info" style="color:red"></span>
</div>
</td>
</tr>
<tr>
<td valign="top" class="w1">
再次输入您设置的密码：
</td>
<td>
<input name="password1" type="password" id="txtRepeatPass"
class="text_input"/>
<div class="text_left" id="repeatPassValidMsg">
<span id="password1.info" style="color:red"></span>
</div>
</td>
</tr>
<tr>
<td valign="top" class="w1">
验证码：
</td>
<td>
<img class="yzm_img" id='imgVcode' src="imagecode.action"/>
<input name="number" type="text" id="txtVerifyCode"
class="yzm_input"/>
<div class="text_left t1">
<p class="t1">
<span id="vcodeValidMsg">请输入图片中的四个字母。</span>
<span id="number.info" style="color:red"></span>
<a href="imagecode.action" >看不清楚？换个图片</a>
</p>
</div>
</td>
</tr>
</table>
<div class="login_in">
<input id="btnClientRegister" class="button_1" name="submit" type="submit" value="注 册"/>
</div>
</form>
</div>
<%@include file="../common/foot1.jsp"%>
</body>
</html>struts.xml如下内容：
<struts>
<package namespace="/user" name="dang-user" extends="dang-default">
<action name="toRegister">
<result name="success">/WEB-INF/user/register_form.jsp</result>
</action>
<action name="register" class="org.tarena.action.user.RegisterAction">
<result name="success">/WEB-INF/user/verify_form.jsp</result>
</action>
<action name="imagecode" class="org.tarena.action.user.ImageAction">
<result name="success" type="stream">imageStream</result>
</action>
<action name="login">
<result name="success">/WEB-INF/user/login_form.jsp</result>
</action>
<action name="toLogin" class="org.tarena.action.user.LoginAction">
<result name="success" type="dispatcher">/WEB-INF/main/main.jsp</result>
<result name="fail" type="dispatcher">/WEB-INF/user/login_form.jsp</result>
<result name="not" type="dispatcher">/WEB-INF/user/verify_form.jsp</result>
</action>
</package>
<package namespace="/json" name="dang-json" extends="json-default">
<action name="check" class="org.tarena.action.user.EmailAction">
<result name="success" type="json"></result>
</action>
<action name="checkEmail" class="org.tarena.action.user.EmailAction">
<result name="success" type="json">
<param name="root">ok</param>
</result>
</action>
<action name="validatecode" class="org.tarena.action.user.VerifyAction">
<result name="success" type="json">
<param name="root">ok</param>
</result>
</action>
</package>
</struts>
...全文
请发表友善的回复…
发表回复
