ajax jquery 异步表单验证示例代码

文件目录:

 

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);

?>

运行结果示例:

时间: 2024-11-10 08:00:01

ajax jquery 异步表单验证示例代码的相关文章

ajax jquery 异步表单验证示例代码_AJAX相关

文件目录:  html代码: 复制代码 代码如下: <html> <head> <title>异步表单验证</title> <script type='text/javascript' src='jquery.js' ></script> <script> function checkname(){ //$("input[name='name']").val() $.ajax({ type:"

jquery 实现表单验证功能代码(简洁)_jquery

1. 页面效果,自动提示验证信息... 2. 页面代码 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表单验证页面</title> <link href="../Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css

Jquery组件easyUi实现表单验证示例_jquery

本文实例为大家分享了Jquery easyUi表单验证实现代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Basic Form - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" hr

Jquery练习之表单验证实现代码_jquery

Jquery练习表单验证 复制代码 代码如下: <body> <form action="" method="post" id ="myform"> <table> <tr> <td>姓名:</td> <td><input type ="text" id = "name" name ="name"&

jQuery Validate表单验证深入学习_jquery

之前一篇文章介绍了jQuery Validate表单验证入门的基础知识,详细内容参见<jQuery Validate表单验证入门学习>,今天这篇文章深入学习jQuery Validate表单验证,以下就是文章的全部内容: 1.用其他方式替代默认的 SUBMIT $().ready(function() { $("#signupForm").validate({ submitHandler:function(form){ alert("submitted"

深入学习jQuery Validate表单验证_jquery

本文实例介绍了jQuery Validate表单验证,主要是利用jquery.metadata.js将校验规则直接写在class属性里面并定义错误信息的提示,分享给大家供大家参考,具体内容如下 1.添加一个另外一个插件jquery.metadata.js 并把校验规则写在控件里面. 2.需要改写触发校验的方式. $("#commentForm").validate({meta: "validate"}); 3.详细代码如下: <html> <hea

jquery.validate表单验证插件使用方法解析_jquery

为什么要用jquery validate这个表单验证插件:自己写一个通用且功能全面强大的jquery表单验证插件并不容易.jquery validate这个jquery插件几乎可以轻松应对95%以上的表单验证,具体内容如下 使用方式 1.在控件中使用默认验证规则,例子: 电子邮件(必填) <input id="email" class="required email" value="email@" /> 2.可以在控件中自定义验证规则

jQuery formValidator表单验证_jquery

作为一名程序员,在解决工作中遇到问题之后,做一些总结是有必要的,既方便总结温习相关知识点,也为广大的程序员提供了一些工作经历,给予同行一面明鉴. html部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>formValidator</title> <script src="js/jq

JS表单验证的代码(常用)_javascript技巧

注册验证: <script language="JavaScript" src="js/jquery-1.9.1.min.js" type="text/javascript"></script> //验证表单 function vailForm(){ var form = jQuery("#editForm"); if(!vailNickName())return; if(!vailPhone())re