<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>