ajax jquery 异步表单验证
2023-09-27 14:22:40 时间
文件目录:
html代码:
<html> <head> <title>异步表单验证</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 //进行连接服务器 $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); ?>
运行结果示例:
相关文章
- Web基础 HTML CSS JS JQuery AJAX
- WCF入门教程(四)通过Host代码方式来承载服务 一个WCF使用TCP协议进行通协的例子 jquery ajax调用WCF,采用System.ServiceModel.WebHttpBinding System.ServiceModel.WSHttpBinding协议 学习WCF笔记之二 无废话WCF入门教程一[什么是WCF]
- jquery验证后ajax提交,返回消息怎样统一显示的问题
- jQuery学习笔记
- 记一次艰难的jquery easy-ui ajax post 体验
- 《众妙之门——JavaScript与jQuery技术精粹》——1.4 事件代理
- 《jQuery UI 开发指南》——2.2 格式化内容
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.4 技巧:使用AJAX加载外部页面
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.6 技巧:不使用AJAX而链接至外部页面
- jquery load加载页面内ajax返回的div不能响应页面js的问题的解决方案
- jquery Ajax请求示例,jquery Ajax基本请求方法示例
- jquery的ajax实现方式
- 二、jQuery Ajax请求
- jquery实用技巧之输入框提示语句
- 解决jQuery ajax动态新增节点无法触发点击事件的问题
- jQuery 点击按钮刷新页面
- PHP批量删除jQuery操作,Ajax异步请求案例
- jQuery的deferred对象详解(转载)
- Jquery Ajax的时候 老是返回到 error,是因为json格式不正规的原因