简单用JQ+PHP+Ajax实现表单验证用户名及密码

    

  1. <html><head>
    2. 

  2.  <meta charset="utf-8">
    3. 

  3. <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
    4. 

  4. <script type="text/javascript" src="a.js"></script>
    5. 

  5. <style type="text/css">
    6. 

  6. body { font:12px/1.6em "宋体" }
    7. 

  7. ul { list-style:none; }
    8. 

  8. li { margin-top:10px; }
    9. 

  9. </style>
    10. 

  10. </head>
    11. 

  11. <body>
    12. 

  12. <h3>会员登录</h3>
    13. 

  13. <div id="login">
    14. 

  14. <form method="post" action="login.php" id="form" name="form">
    15. 

  15.     <ul>
    16. 

  16.       <li>名字：<input type="text" name="user" id="user" size="16" maxlength="20"></li>
    17. 

  17.       <li>密码：<input type="password" name="pass" id="pass" size="16" maxlength="20"></li>
    18. 

  18.       <li>
    19. 

  19.         <input type="submit" style="border:0" />
    20. 

  20.       </li>
    21. 

  21.       <li id="confirm"></li>
    22. 

  22.     </ul>
    23. 

  23. </form>
    24. 

  24. </div>
    25. 

  25. </body></html>
    26. 



    

  1. $(document).ready(function(){
    2. 

  2.     $("#form").submit(function(){
    3. 

  3.         login();
    4. 

  4.         return false;
    5. 

  5.         });
    6. 

  6. });
    7. 

  7. function login(){
    8. 

  8. var user = $("#user").val();
    9. 

  9. var pass = $("#pass").val();
    10. 

  10. if (user == ""){
    11. 

  11.     $("#confirm").text("请输入登录用户名");
    12. 

  12.     $("#user").focus();
    13. 

  13.     return false;
    14. 

  14. }
    15. 

  15. if(pass == ""){
    16. 

  16.     $("#confirm").text("请输入登录密码");
    17. 

  17.     $("#pass").focus();
    18. 

  18.     return false;
    19. 

  19. }
    20. 

  20. $.ajax({
    21. 

  21.     type: "POST",
    22. 

  22.     url: "login.php",
    23. 

  23.     data: "id=" + user + "&p=" + pass,
    24. 

  24.     beforeSend: function(){
    25. 

  25.     $("confirm").text("登录中，请稍候");
    26. 

  26.     },
    27. 

  27.     success: function(msg){
    28. 

  28.     if(msg == "success"){
    29. 

  29.         $("#confirm").text("登录成功，欢迎" + user + "回来！正在进入你的空间");
    30. 

  30.     }else {
    31. 

  31.         $("#confirm").text("没有此用户或者密码不正确！");
    32. 

  32.     }
    33. 

  33.     }
    34. 

  34. });
    35. 

  35. }
    36. 



    

  1. <?php
    2. 

  2. $p = isset($_POST["p"]) ? $_POST["p"] : $_GET["p"];
    3. 

  3. $id = isset($_POST["id"]) ? $_POST["id"] : $_GET["id"];
    4. 

  4. if($id == "admin" && $p == "admin"){
    5. 

  5.     echo ‘success‘;
    6. 

  6. }
    7. 

  7. ?>
    8.

来自为知笔记(Wiz)

时间： 2024-11-12 21:39:51

简单用JQ+PHP+Ajax实现表单验证用户名及密码的相关文章

基于PHP+Ajax实现表单验证的详解

一,利用键盘响应,在不刷新本页面的情况下验证表单输入是否合法 用户通过onkeydown和onkeyup事件来触发响应事件.使用方法和onclick事件类似.onkeydown表示当键盘上的键被按下时触发,onkeyup和它正好相反,当键盘上的键被按下又抬起时触发. 两种常用调用方法: (1)将事件添加到页面元素中,当用户输入完信息后,单击任意键,onkeydown事件被触发,并调用refer()函数. 这种方法最简单,最直接,格式如下: 代码如下: <script type="text/

AJAX（表单验证）/JSON之一

## 什么是Ajax AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). 1. 异步通信:浏览器利用独立的线程与服务器进行通信,交换少量信息. 2. 局部刷新:不更新全部页面,只对页面的局部进行更新. ## Ajax的优点 相对表单提交,全部页面更新来说: 1. 异步通信流量少,网络延迟少,用户体验好. 2. 局部刷新,只更新局部信息,避免了全部页面刷新,提升了用户体验. ## 如何进行异步通信 说明:浏览器中提供了异步通信

jquery+ajax+form表单验证

$().ready(function() { $("#publishForm").validate({ onsubmit:true,// 是否在提交是验证 onfocusout:false,// 是否在获取焦点时验证 onkeyup :false,// 是否在敲击键盘时验证 rules: { username: { required: true, maxlength: 100 }, conbox: { required: true, maxlength: 140 } }, messag

mvc4 ajax.beginform表单验证

@{ Layout = null; } @model MvcApplication1.Models.User @using (Ajax.BeginForm("create", "user", new AjaxOptions { UpdateTargetId = "bform", HttpMethod = "post", OnSuccess = "success" })) { <div id="

6月17 表单验证

在服务器端通过tp框架实现表单验证 用户名.密码.重复密码.邮箱.qq.手机号码.爱好.学历 具体步骤: 制作表单 表单form数据通过create()方法收集(验证功能要求我们必须通过create()方法收集数据) 自定义数据model模型类实现具体验证规则 自动验证是ThinkPHP模型层提供的一种数据验证方法,可以在使用create创建数据对象的时候自动进行数据验证. 数据验证可以进行数据类型.业务规则.安全判断等方面的验证操作. 数据验证有两种方式: 静态方式:在模型类里面通过$_val

TP表单验证

[表单验证] javascript jquery 在服务器端通过tp框架实现表单验证 用户名.密码.重复密码.邮箱.qq.手机号码.爱好.学历 具体步骤: 制作表单 表单form数据通过create()方法收集(验证功能要求我们必须通过create()方法收集数据) 自定义数据model模型类实现具体验证规则

17.Django表单验证

Django提供了3中方式来验证表单 官网文档:https://docs.djangoproject.com/en/1.9/ref/validators 1.表单字段验证器 a.引入:from django.core.exceptions import ValidationError b.定义验证方法,验证不通过抛一个ValidationError异常 def validate_name(value): 验证不通过 raise ValidationError("%s的信息已经存在"%v

ajax form表单提交 input file中的文件

ajax form表单提交 input file中的文件 现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为了解决这个问题我走了不少弯路: 1.用原生的 input file , 不支持ajax上传文件,你肯定会说可以用 ajax form表单上传了呀?不过我后面还要调用上传成功后用js处理一些对话框,所以这种方法排除 2.用了 uploadify 上传插件,弄出来能上传东西,结果不理想:因为不能判断上传的

ajax提交表单

ajax提交表单在项目中常用,前台无论是简单的html.jsp或者是使用了easyui框架,提交表单都会使用到ajax,extjs框架其实也是使用了ajax只不过对其进行了封装了,我们使用的时候就更固定了些. 总的来说ajax提交表单可以分为两种,一种是无返回结果的,就是将表单数据提交给后台,后台处理完就完了:另一种就是有返回结果的,后台执行成功或失败的信息需要返回到前台. 1,无返回结果的 最简单的就是$("#formid").submit();直接将form表单提交到后台. 2,有