jQuery Validate Ajax 判斷使用者名稱是否已被註冊
阿新 • • 發佈:2019-01-07
一,在jsp中編寫對原密碼的表單驗證
<script type="text/javascript">
$().ready(function() {
$("#regist").validate({
rules:{
user_name:{
required:true,
username:true
},
login_name:{
required:true ,
}
},
messages: {
login_name:{
remote:"該使用者已存在"
}
}
});
});
</script>
二、然後在remote中通過ajax的方法將輸入的資料傳到後臺去做判斷
remote:{
url:"<%=path%>/ajax/loginname",
type:"post" ,
dataType:"json",
data:{
loginname:function(){
return document.getElementById("loginname").value;//取要驗證的密碼
},
dataFilter:function(data){
if(data == "true")
return true;
else
return false;
}
}
data為要傳輸的資料,type為傳輸型別,分為post和get。url為接收資料的路徑。這樣後臺就能接收到jsp通過ajax穿輸的資料。
三、在後臺的controller中進行驗證操作
@Controller
@RequestMapping("ajax")
public class AjaxController {
@Autowired
private UserDao userDao;
@RequestMapping(value = "loginname")
@ResponseBody
public String checkLoginName(@RequestParam("loginname") String loginname) {
Map<String,Object> map = new HashMap<String, Object>();
map.put("login_name", loginname);
if (userDao.selectUserCount(map) == 0) {
return "true";
} else {
return "false";
}
}
}