文件目录：

html代码：

  1. <html>
  2.   <head>
  3.     <title>异步表单验证</title>
  4. 	<script type='text/javascript' src='jquery.js' ></script>
  5. 	<script>
  6. 	 function checkname(){
  7. 	 //$("input[name='name']").val()
  8. 	   $.ajax({
  9. 	   type:"get",
  10. 	   url:'index.php',
  11. 	   data:"name="+$("input[name='name']").val(),
  12. 	   success:function(msg){
  13. 	   $("#show").append(msg);
  14. 	   }
  15. 	   });
  16.  
  17. 	 }
  18. 	</script>
  19.   </head>
  20.   <body>
  21.     <form name='form'>
  22.       <input name='name' type='text'  onblur='checkname();'>
  23. 	  <span id='show'></span><br />
  24. 	  <input type='submit' name='submit' value='提交' />
  25. 	</form>
  26.   </body>
  27. </html>

php代码：

  1. <?php
  2.    //进行连接服务器
  3.    $link=mysql_connect('localhost','root','sanyue');
  4.    if(!$link){
  5.     die('连接失败：'.mysql_error());
  6.    }
  7.    //进行连接数据库
  8.    mysql_select_db('excour',$link);
  9.  
  10.   // $name=$_GET['name'];
  11.    echo $name;
  12.    $sql="select name from user_info where name='$name'";
  13.  
  14.    //执行查询语句
  15.    $result=mysql_query($sql);
  16.  
  17.    if(mysql_num_rows($result) != 0){
  18. 		echo "<font color='red'>名字太受欢迎，换一个吧</font>";
  19. 	}else{
  20. 		echo "<font color='blue'>成功</font>";
  21. 	}  
  22.  
  23.    //进行释放查询结果集
  24.    mysql_free_result($result);
  25.    //关闭数据库连接
  26.    mysql_close($link);
  27. ?>

运行结果示例：

ajax jquery 异步表单验证的更多相关文章

  1. ASP.NET MVC Jquery Validate 表单验证的多种方式

    在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体验也会得到很大的提升.在开发过程中我们可以不借助 JS 库,自己去手写 JS ...

  2. [转]ASP.NET MVC Jquery Validate 表单验证的多种方式介绍

    在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体验也会得到很大的提升.在开发过程中我们可以不借助 JS 库,自己去手写 JS ...

  3. Jquery Validate 表单验证的多种方式

    ASP.NET MVC Jquery Validate 表单验证的多种方式 在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体 ...

  4. jQuery formValidator表单验证插件

    什么是jQuery formValidator? jQuery formValidator表单验证插件是客户端表单验证插件. 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人 ...

  5. 【锋利的jQuery】表单验证插件踩坑

    和前几篇博文提到的一样,由于版本原因,[锋利的jQuery]表单验证插件部分又出现照着敲不出效果的情况. 书中的使用方法: 1. 引入jquery源文件, 2. 引入表单验证插件js文件, 3. 在f ...

  6. jquery实现表单验证简单实例

    /* 描述:基于jquery的表单验证插件. */ (function ($) { $.fn.checkForm = function (options) { var root = this; //将 ...

  7. jQuery的表单验证

    jQuery的表单验证 直接上代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" ...

  8. Jquery 实现表单验证，所有验证通过方可提交

    1. [代码]Jquery 实现表单验证,所有验证通过方可提交 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 ...

  9. jquery formValidator 表单验证插件, ajax无法传值到后台问题的解决

    今天使用jquery   formValidator-4.0.1 这个插件做表单验证,  前台验证已写好, 准备写ajax验证, 结果无法把值传到后台 .ajaxValidator({ url : & ...

随机推荐

  1. Saving Tang Monk II

    题目链接:http://hihocoder.com/contest/acmicpc2018beijingonline/problem/1 AC代码: #include<bits/stdc++.h ...

  2. Java Service Wrapper将java程序设置为服务

    有时候我们希望我们java写的程序作为服务注册到系统中,Java Service Wrapper(下面简称wrapper)是目前较为流行的将Java程序部署成Windows服务的解决方案, 本文将讨论 ...

  3. linux backtrace()详细使用说明，分析Segmentation fault【转】

    转自:http://velep.com/archives/1032.html 在此之前,开发eCos应用程序时,经常碰到程序挂掉后,串口打印输出一大串让人看不懂的数据.今天才明白,原来这些数据是程序挂 ...

  4. c# 获取百度最后的url

    using System;using System.Collections.Generic;using System.Linq;using System.Net.Http;using System.T ...

  5. python基础-列表元组字典

    1.列表和元组 列表可以对数据实现最方便的存储.修改等操作 names=["Alex","tenglan","Eric","Rai ...

  6. Sublime Text 使用介绍/全套快捷键及插件推荐

    如果说Notepad++是一款不错Code神器,那么Sublime Text应当称得上是神器滴哥.Sublime Text最大的优点就是跨平台,Mac和Windows均可完美使用:其次是强大的插件支持 ...

  7. ***文件上传控件bootstrap-fileinput的使用和参数配置说明

    特别注意:    引入所需文件后页面刷新查看样式奇怪,浏览器提示错误等,可能是因为js.css文件的引用顺序问题,zh.js需要在fileinput.js后面引入.bootstrap最好在filein ...

  8. 利用word的VBA，为代码统一表格宽度，底色及行号

    如果文档中的代码表格时,感觉还是很快速有用的. Sub HangHao() ' ' hanghao 宏 ' ' Dim parag As Paragraph Dim nLineNum: nLineNu ...

  9. 【转】Git命令大全（非常齐全）

    $ git init  // 初始化一个Git仓库$ git status   // 查看仓库的状态$ git add .   // 将所有修改添加到暂存区$ git add *  // Ant风格添 ...

  10. transform:rotate/旋转

    <!DOCTYPE html> <html> <head> <style> div { width:100px; height:75px; backgr ...