jquery

<input type="text" id="loginName"  name="loginName" value="${loginName!'s106'}"/>

id是用来jquery的id选择器用的
name 是用来后台 request.getParameter("loginName") 取值的

用JS来修改action
不是form.action=xxx
而是 form.attr("action","checkName");


<@js url='/resource/ftl/newcenter/js/jquery-1.8.0.min.js'/>
<@js output="true" clear="true"/>
<script type="text/javascript">

function checkName() {
    var form = $('#authenticateForm');   
	form.attr("action","checkName"); 
	form.submit();
} 



function sendValidateCode() {
	var loginName = $("#loginName").val();
	var url = "/authenticate/sendValidateCode/"+loginName+"/";
	$.ajax({
		url : url,      
	    method: 'get',
	    dataType:'json',
	    success:sendCheckCodeSuccess
	});
} 

function sendCheckCodeSuccess(data){
	if(data.message == "SUCCESS"){
		alert("发送成功");
	}else{
		alert("发送失败");
	}
}


</script>
<div id="a1">
 <form id="authenticateForm" name="authenticateForm" method="POST">
	<table>
		<tr>
			<td>登录名</td><td><input type="text" id="loginName"  name="loginName" value="${loginName!'s106'}"/></td>
		</tr>
		<tr>
			<td>密码</td><td><input type="text" id="pwd" name="pwd" value="${pwd!'123456'}"/></td>
		</tr>
		<tr>
			<td>姓名</td><td><input type="text" id="fullName" name="fullName" value="${fullName!'盛尧5139'}" /></td>
		</tr>
		
		<tr>
			<td><input type="button" value="checkName" onClick="checkName()"/> </td> 
			<td><input type="button" value="发送验证码" onClick="sendValidateCode()"/> </td> 
		</tr>
		
		<tr>
			<td>${rtCode!''}</td><td>${errorMsg!''}</td>
		</tr>
		
		<tr>
			<td>姓名</td><td><input read type="text" name="validateCode" value="${validateCode!''}" /></td>
		</tr>
		
		
		<tr>
			<td><input type="submit" value="authenticate"/> </td> 
		</tr>
		
	</table>
</form>
</div>

你可能感兴趣的:(jquery)