`

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); 
?>
分享到：
| php中ob_flush与flush的区别
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    "利用Ajax+Jquery实现异步进度条效果"这个主题正是围绕这一目标展开，它涉及到C#后端开发、.NET框架、Ajax技术以及Jquery库的前端应用。下面将详细阐述这些知识点。 首先，C#是一种面向对象的编程语言，广泛应用于...

    jQuery-ajax-用户名异步请求

    本主题聚焦于jQuery中的Ajax功能，特别是如何利用它进行异步用户名验证。Ajax，即Asynchronous JavaScript and XML，允许我们在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容，提供更流畅的用户体验。 ...

    使用jQuery ajax提交表单代码

    在“使用jQuery ajax提交表单代码”的资源中，我们可以期待看到一个清晰的示例，展示如何将表单数据发送到服务器，并处理响应。 1. **jQuery的$.ajax()函数** - **基本语法**：`$.ajax({ options });` - **选项...

    jQuery表单验证实例代码

    在本文中，我们将深入探讨如何使用jQuery进行表单验证，主要基于给定的"jQuery表单验证实例代码"。jQuery库简化了JavaScript的DOM操作，使得表单验证变得更加容易和直观。以下是一些关于这个主题的关键知识点： 1. ...

    实用的jQuery表单验证代码.rar_实用的jQuery表单验证代码

    5. **异步验证**：对于某些复杂的验证，如用户名是否已存在，可以利用jQuery的`$.ajax()`进行异步请求，向服务器查询并返回结果。 6. **插件扩展**：jQuery社区有许多现成的表单验证插件，如jQuery Validation ...

    JQuery实现表单验证

    对于表单验证，JQuery可以帮助我们快速响应用户的输入，实时检查数据的有效性，无需等待表单提交。 表单验证通常包括以下几种类型：非空验证、长度验证、格式验证（如邮箱、电话号码）、唯一性验证等。在"JQuery...

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

    在Web开发中，异步表单提交是一种常见需求，它能提供更好的用户体验，因为用户无需等待页面刷新即可完成数据的提交。jQuery.form插件正是为了满足这种需求而设计的，它扩展了jQuery库，使表单异步提交变得更加简单、...

    jquery表单验证代码百度注册页面表单验证

    jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务，使得开发者能够更高效地编写JavaScript代码。 首先，我们来理解jQuery的基本用法。jQuery通过选择器（如$("#id")，$...

    jQuery用户注册表单验证代码

    如果所有验证都通过，可以利用Ajax发送异步请求，将用户数据提交到服务器进行存储。 在实际开发中，为了提升用户体验，我们还可以添加实时验证，即在用户输入时立即进行验证，而不是等到表单提交时才进行。这可以...

    基于jquery的表单验证代码

    - 使用jQuery的`.ajax()`或`.post()`方法发送异步请求，获取验证反馈。 - 在服务器端，如PHP或Node.js，编写验证逻辑，确保数据安全无误。 4. **自定义验证方法** - 除了内置的验证规则，还可以创建自定义验证...

    jQuery手机移动端注册表单验证代码.zip

    例如，`$.trim()`用于去除字符串首尾空白，`$.isNumeric()`检查是否为数字，`$.email()`验证邮箱格式，`$.ajax()`发送异步请求，验证用户名或邮箱的唯一性。同时，我们可以设置自定义的错误提示，如`$('错误信息...

    jQuery网页注册表单验证代码特效.zip

    此外，还可以结合AJAX异步请求，实时验证用户输入，无需等到表单提交时才进行检查。 为了提供更好的用户体验，验证提示应友好且明确。错误消息应直接显示在出错的输入框附近，同时改变输入框的样式以突出显示错误。...

    ajax jquery html异步登录

    jQuery是一个高效、简洁且功能丰富的JavaScript库，它极大地简化了JavaScript代码的编写，特别是处理DOM操作、事件处理和Ajax交互。在实现异步登录时，jQuery提供了方便的$.ajax()方法，可以轻松发送Ajax请求到...

    jquery异步提交form表单

    本文将深入探讨“jQuery异步提交form表单”这一主题，结合给出的标签“源码”和“工具”，我们将分析相关源码，并提供实际应用中的指导。 在传统的HTML表单提交过程中，页面会跳转到服务器返回的结果页面，这在用户...

    表单验证jquery插件

    - **异步验证**：通过 `ajaxCall` 规则实现，例如邮箱地址的唯一性验证。 - **自定义事件**：插件提供了 `onValidationComplete` 回调函数，用于在验证完成后执行额外操作。 ## 5. 总结 jQuery Validation Engine ...

    jQuery注册表单验证功能代码.zip

    4. **AJAX**：如果需要实时验证（如检查用户名是否已存在），可以使用jQuery的`.ajax()`方法发送异步请求到服务器。这样，用户在输入时就能立即看到反馈，无需等待整个表单提交。 5. **错误提示**：当验证失败时，...

    php+ajax表单无刷新验证

    **PHP + AJAX 表单无刷新验证** 在Web开发中，提供用户友好的表单验证是提高用户体验的关键因素。传统的表单验证方式通常在用户提交表单后进行，如果数据不符合要求，用户需要重新填写整个表单，这显然是不理想的。...

    jQuery formValidator表单验证插件示例源码

    总之，jQuery formValidator是前端开发中一个非常实用的工具，它简化了表单验证的实现，让开发者可以专注于业务逻辑而不是繁琐的验证代码。通过深入研究提供的示例和文档，你将能够熟练掌握并利用这个插件提高你的...

    php+ajax+jquery打造登陆验证

    在这个文件中，你可能会看到使用jQuery的`$.ajax()`函数来发送请求，以及处理返回的验证结果，如显示错误信息或跳转到成功登录后的页面。 以下是使用jQuery实现Ajax登录验证的一个简要示例： ```html &lt;!DOCTYPE ...

    jquery表单验证插件

    而"jquery表单验证插件"则是基于jQuery构建的一种工具，用于增强表单数据输入的验证功能，确保用户提交的数据符合预设的规则。这款插件极大地提高了用户体验，因为它可以在用户输入时即时反馈错误，而无需等待表单...

Magicbox
Global site tag (gtag.js) - Google Analytics