ajax jquery 異步表單驗(yàn)證示例代碼
更新時(shí)間：2013年08月09日 17:14:54 作者：
異步表單驗(yàn)證想必大家早已如雷貫耳，本文為大家詳細(xì)講述下ajax jquery實(shí)現(xiàn)異步表單驗(yàn)證，感興趣的朋友可以參考下
文件目錄：
html代碼：
<html>
<head>
<title>異步表單驗(yàn)證</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
//進(jìn)行連接服務(wù)器
$link=mysql_connect('localhost','root','sanyue');
if(!$link){
die('連接失?。?.mysql_error());
}
//進(jìn)行連接數(shù)據(jù)庫(kù)
mysql_select_db('excour',$link);
// $name=$_GET['name'];
echo $name;
$sql="select name from user_info where name='$name'";
//執(zhí)行查詢語(yǔ)句
$result=mysql_query($sql);
if(mysql_num_rows($result) != 0){
echo "<font color='red'>名字太受歡迎，換一個(gè)吧</font>";
}else{
echo "<font color='blue'>成功</font>";
}
//進(jìn)行釋放查詢結(jié)果集
mysql_free_result($result);
//關(guān)閉數(shù)據(jù)庫(kù)連接
mysql_close($link);
?>
運(yùn)行結(jié)果示例：
html代碼：
復(fù)制代碼 代碼如下:
<html>
<head>
<title>異步表單驗(yàn)證</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代碼：
復(fù)制代碼 代碼如下:
<?php
//進(jìn)行連接服務(wù)器
$link=mysql_connect('localhost','root','sanyue');
if(!$link){
die('連接失?。?.mysql_error());
}
//進(jìn)行連接數(shù)據(jù)庫(kù)
mysql_select_db('excour',$link);
// $name=$_GET['name'];
echo $name;
$sql="select name from user_info where name='$name'";
//執(zhí)行查詢語(yǔ)句
$result=mysql_query($sql);
if(mysql_num_rows($result) != 0){
echo "<font color='red'>名字太受歡迎，換一個(gè)吧</font>";
}else{
echo "<font color='blue'>成功</font>";
}
//進(jìn)行釋放查詢結(jié)果集
mysql_free_result($result);
//關(guān)閉數(shù)據(jù)庫(kù)連接
mysql_close($link);
?>
運(yùn)行結(jié)果示例：
您可能感興趣的文章:
- jquery ajax 登錄驗(yàn)證實(shí)現(xiàn)代碼
- javascript和jquery實(shí)現(xiàn)用戶登錄驗(yàn)證
- jQuery+AJAX實(shí)現(xiàn)遮罩層登錄驗(yàn)證界面（附源碼）
- jQuery.ajax 用戶登錄驗(yàn)證代碼
- S2SH整合JQuery+Ajax實(shí)現(xiàn)登錄驗(yàn)證功能實(shí)現(xiàn)代碼
- ASP.NET jQuery 實(shí)例11 通過(guò)使用jQuery validation插件簡(jiǎn)單實(shí)現(xiàn)用戶登錄頁(yè)面驗(yàn)證功能
- 使用jQuery,Angular實(shí)現(xiàn)登錄界面驗(yàn)證碼詳解
- 利用jQuery.Validate異步驗(yàn)證用戶名是否存在（推薦）
- jQuery異步驗(yàn)證用戶名是否存在示例代碼
- jquery登錄的異步驗(yàn)證操作示例
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了ajax上傳圖片到PHP并壓縮圖片顯示的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-05-05
開(kāi)始研究Ajax. 第一天...2006-06-06
ajax快速解決參數(shù)過(guò)長(zhǎng)無(wú)法提交成功的問(wèn)題
下面小編就為大家?guī)?lái)一篇ajax快速解決參數(shù)過(guò)長(zhǎng)無(wú)法提交成功的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
AK QQ:42220796 總數(shù) 單頁(yè)條數(shù) 當(dāng)前頁(yè) 點(diǎn)擊后的url地址get 應(yīng)用的js函數(shù) 顯示幾個(gè) 顯示的地址2008-03-03
這篇文章主要介紹了ajax 異步上傳帶進(jìn)度條視頻并提取縮略圖的相關(guān)資料,需要的朋友可以參考下2015-09-09
本文主要講解了如何去解決AJAX跨域的問(wèn)題，從跨域的簡(jiǎn)單原理到JONP實(shí)現(xiàn)模式詳細(xì)的講解整個(gè)解決方案，最后利用jQuery可以很方便的實(shí)現(xiàn)JSONP來(lái)進(jìn)行跨域訪問(wèn)。2015-09-09
asp.net+ajax簡(jiǎn)單分頁(yè)實(shí)例分析
這篇文章主要介紹了asp.net+ajax簡(jiǎn)單分頁(yè)實(shí)現(xiàn)方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了ajax分頁(yè)的具體實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
在web開(kāi)發(fā)的時(shí)候經(jīng)常需要用到ajax，但是有些問(wèn)題往往會(huì)被忽略，如果提交后需要在服務(wù)端做一些后臺(tái)操作的話因?yàn)闉g覽器默認(rèn)狀態(tài)下有緩存的原因，可能頁(yè)面上的信息還是正確的，但是后臺(tái)的邏輯代碼卻沒(méi)有真正的更新。2010-02-02
Ajax 入門(mén)之 GET 與 POST 的不同處詳解
這篇文章主要介紹了Ajax 入門(mén)之 GET 與 POST 的不同處詳解,需要的朋友可以參考下2017-02-02
H5移動(dòng)開(kāi)發(fā)Ajax上傳多張Base64格式圖片到服務(wù)器
這篇文章主要為大家詳細(xì)介紹了H5移動(dòng)開(kāi)發(fā)Ajax上傳多張Base64格式圖片到服務(wù)器，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05