开发者社区> 问答> 正文

关于jquery validate ajax表单验证的一些问题

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"};
   }

展开
收起
a123456678 2016-07-06 10:33:11 2125 0
1 条回答
写回答
取消 提交回答
  • date 写错了吧 改成 data 试试

    data:{ 
       username:function(){return $("#username").val();}
    }
    2019-07-17 19:51:54
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
23-Vue.js在前端...1506518547.pdf 立即下载
Javascript中的函数 立即下载
JavaScript函数 立即下载