关于jquery validate ajax表单验证的一些问题-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

2016-07-06 10:33:11 1785 1

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"};
   }
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:51:54

    date 写错了吧 改成 data 试试

    data:{ 
       username:function(){return $("#username").val();}
    }
    0 0
相关问答

0

回答

ajax 获取表单内容然后传递PHP

2016-06-01 13:42:08 1644浏览量 回答数 0

1

回答

ajax 获取表单内容然后传递PHP

2016-03-10 10:09:33 1854浏览量 回答数 1

1

回答

jQuery Ajax 常用的方法是什么?

2021-11-07 11:58:35 147浏览量 回答数 1

1

回答

jQuery AJAX的本质是什么?

2021-11-07 10:01:44 117浏览量 回答数 1

1

回答

Ajax和jQuery有什么区别?

2021-09-28 16:29:18 222浏览量 回答数 1

1

回答

jQuery中ajax请求数据时候json格式报错 ?报错

2020-06-23 00:36:38 281浏览量 回答数 1

1

回答

jquery ajax的问题。?报错

2020-06-22 19:55:43 221浏览量 回答数 1

1

回答

jquery ajax 跨域请求后,同步设置会无效,求设置同步的方法:报错

2020-06-05 23:41:20 311浏览量 回答数 1

1

回答

jquery ajax返回数据次序一问? 400 报错

2020-06-05 13:43:36 254浏览量 回答数 1

1

回答

jquery ajax重定向是自动完成的吗? 400 报错

2020-06-04 15:23:49 300浏览量 回答数 1
+关注
0
文章
14879
问答
问答排行榜
最热
最新
相关电子书
更多
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载
低代码开发师(初级)实战教程
立即下载