`

ajax jquery 异步表单验证的代码

    博客分类:
  • php
阅读更多
ajax jquery实现异步表单验证。

html代码:
<html> 
<head> 
<title>异步表单验证-www.jbxue.com</title> 
<script type='text/javascript' src='jquery.js' ></script> 
<script> 
function checkname(){ 
//$("input[name='name']").val() 
$.ajax({ 
type:"get", 
url:'index.php', 
data:"name="+$("input[name='name']").val(), 
success:function(msg){ 
$("#show").append(msg); 
} 
}); 

} 
</script> 
</head> 
<body> 
<form name='form'> 
<input name='name' type='text' onblur='checkname();'> 
<span id='show'></span><br /> 
<input type='submit' name='submit' value='提交' /> 
</form> 
</body> 
</html> 


php代码:
<?php 
//异步验证 www.jbxue.com
//进行连接服务器 
$link=mysql_connect('localhost','root','sanyue'); 
if(!$link){ 
die('连接失败:'.mysql_error()); 
} 
//进行连接数据库 
mysql_select_db('excour',$link); 

// $name=$_GET['name']; 
echo $name; 
$sql="select name from user_info where name='$name'"; 

//执行查询语句 
$result=mysql_query($sql); 


if(mysql_num_rows($result) != 0){ 
echo "<font color='red'>名字太受欢迎,换一个吧</font>"; 
}else{ 
echo "<font color='blue'>成功</font>"; 
} 

//进行释放查询结果集 
mysql_free_result($result); 
//关闭数据库连接 
mysql_close($link); 
?> 
分享到:
评论

相关推荐

    利用Ajax+Jquery实现异步进度条效果

    vs2013 利用Ajax+Jquery实现异步进度条效果

    使用jQuery.form插件,实现完美的表单异步提交

    使用jQuery.form插件,实现完美的表单异步提交

    ajax实现简单登录验证

    用ajax实现简单登录验证,很粗糙的作业版。成功之后跳转界面完成

    Ajax使用jQuery提交表单 文件

    Ajax使用jQuery提交表单 文件

    jQuery异步提交表单

    jQuery异步提交表单 gailan.apply(gailan, { selectPostFrom:function(){ var data = jQuery("#frmAppendix").formSerialize(); jQuery.ajax({ type:"POST", url:"./selectSubmit.jsp", data:data, success:...

    Jquery+Ajax+Php+Mysql异步刷新

    Jquery+Ajax+Php+Mysql异步刷新 表单验证

    表单验证控件 简单

    使用简单,功能强大的表单验证插件。 1、验证插件支持正则表达式验证,函数验证,ajax异步验证,支持对比...(注:使用服务器端Button验证不能使用ajax异步表单验证) 4、插件支持焦点进入验证,输入验证、焦点丢失验证

    jquery ajax异步提交表单数据的方法

    使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的; 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据包括文件流的话,就需要使用...

    绝对好用的jquery表单全自动验证插件

    本人自己开发的jquery表单验证控件! 使用方便,样式美观,完全开源。好不好用了就知道了! 插件名称:jquery表单验证插件 V1.0 插件作者:zy8008 最后更新:2011-4-28 插件说明: datatype类型说明: -----------...

    jQuery异步提交表单的两种方式

    本文为大家分享了两种jQuery异步提交表单的方式,具体内容如下 第一种方式:普通ajax方式提交  $(function(){ $('#send').click(function(){ $.ajax({ type: GET, url: GLOBAL_PATH + /Enterprise/...

    Jquery异步提交表单代码分享

    本文是jQuery结合ajax实现的异步提交表单的代码,是个人项目中提取出来的,分享给大家,有需要的小伙伴可以参考下。

    jquery下异步提交表单 异步跨域提交表单

    使用 jQuery 异步提交表单代码: 代码如下: &lt;html xmlns=”http://www.w3.org/1999/xhtml”&gt; &lt;head&gt; &lt;title&gt;无标题页&lt;/title&gt; &lt;/head&gt; [removed][removed] [removed] jQuery...

    jQuery插件集之(表单验证)各种input等验证+Demo

    插件+Demo+源码 亲测可用! 插件及其方便,封装的很好,各种验证方法可自由定义,支持ajax异步验证等功能。表单验证佳品!

    JQuery权威指南源代码

    jQuery代码检测页面元素 使用jQuery基本选择器 使用jQuery层次选择器 使用jQuery基本过滤选择器 使用jQuery内容过滤选择器 使用jQuery可见性过滤选择器 使用jQuery属性过滤选择器 使用jQuery子元素过滤选择器...

    Ajax表单异步上传文件实例代码(包括文件域)

    做前台页面时,需要调用WebAPI的Post请求,发送一些字段和文件(相当于把表单通过ajax异步发送出去,得到返回结果),然后得到返回值判断是否成功。 2.尝试 先是尝试了一下 “jQuery Form Plugin” ,这玩意就是的...

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

    jquery 异步请求数据的三种方式

    //序列化表单的值 $.ajax({ type: "POST", contentType: "application/json;charset=utf-8", url: "WebServicetest.asmx/HelloWorld", data: "{username:'cccc'}", dataType: "json", success: function ...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

Global site tag (gtag.js) - Google Analytics