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

开发者社区> a123456678> 正文

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

2016-07-06 10:33:11 1528 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
相关问答

11

回答

在阿里云上安装和运行Node.js全功略

ycwong 2013-09-18 15:17:30 64030浏览量 回答数 11

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 56731浏览量 回答数 19

145

回答

【新手入门】云服务器linux使用手册

fanyue88888 2012-11-26 17:14:18 157089浏览量 回答数 145

28

回答

钉钉开放平台“常见问题常见问题常见问题“重要请关注

竹梅 2015-12-03 00:39:14 92898浏览量 回答数 28

22

回答

爬虫数据管理【问答合集】

我是管理员 2018-08-10 16:37:41 146791浏览量 回答数 22

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 145631浏览量 回答数 31

23

回答

【云服务器分享】网站访问速度快才是硬道理

dreamdoo 2012-10-15 10:15:02 85192浏览量 回答数 23

249

回答

阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本

云代维 2014-02-14 15:26:06 302610浏览量 回答数 249

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 80126浏览量 回答数 13

14

回答

对象存储oss【问答合集】

我是管理员 2018-08-03 14:54:02 67376浏览量 回答数 14
+关注
0
文章
14879
问答
推荐问答
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载