html 代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js/jquery-1.4.min.js"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/jquery.validate.messages_cn.js"></script>
<script>
$(function(){
$("#form1").validate({
rules:{
username:{
required:true,
remote:{
url:"doAction.php",
type:"post",
dateType:"json",
date:{
username:function(){return $("#username").val();}
}
}
}
},
messages:{
username:{
require:"用户名不能为空", remote:"该用户名存在"
}
}
});
});
</script>
<style>
.table1 tr td{
border:1px solid yellow;
margin:0px;
padding:0px;
}
</style>
</head>
<body>
<div style="margin:0 auto; width:500px; height:200px; padding:0px">
<form id="form1" method="get">
<table border="0" cellspacing="0" cellpadding="0" class="table1" width="500px">
<tr height="30px">
<td align="right" width="80">用户名</td>
<td align="left"><input type="text" id="username" name="username"/></td>
</tr>
<tr height="30px">
<td colspan="2" align="center">
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
doAction.php 代码该怎么写?
我的伪代码如下:
if($_POST['username']=="zhangsan"){
echo "false";
}
以上可以验证 但是有个问题是:
以上html 代码中 js 部分修改成:
date:{
username:function(){return "lisi"};
}
当我在页面输入 zhangsan 仍然报 该用户已经存在了
说明 数据不是通过
date:{
username:function(){return "lisi"};
}
date 写错了吧 改成 data 试试
data:{
username:function(){return $("#username").val();}
}
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。