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í)行查詢(xún)語(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)行釋放查詢(xú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í)行查詢(xún)語(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)行釋放查詢(xú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)用戶(hù)登錄驗(yàn)證
- jQuery+AJAX實(shí)現(xiàn)遮罩層登錄驗(yàn)證界面(附源碼)
- jQuery.ajax 用戶(hù)登錄驗(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)用戶(hù)登錄頁(yè)面驗(yàn)證功能
- 使用jQuery,Angular實(shí)現(xiàn)登錄界面驗(yàn)證碼詳解
- 利用jQuery.Validate異步驗(yàn)證用戶(hù)名是否存在(推薦)
- jQuery異步驗(yàn)證用戶(hù)名是否存在示例代碼
- jquery登錄的異步驗(yàn)證操作示例
相關(guān)文章
ajax響應(yīng)json字符串和json數(shù)組的實(shí)例(詳解)
下面小編就為大家?guī)?lái)一篇ajax響應(yīng)json字符串和json數(shù)組的實(shí)例(詳解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02Ajax讀取數(shù)據(jù)到表格的實(shí)現(xiàn)代碼
前兩篇我們講了"ajax開(kāi)始的準(zhǔn)備"與及如何使用ajax技術(shù)進(jìn)行簡(jiǎn)單的數(shù)據(jù)讀取.今天我們要講的是:使用Ajax無(wú)刷新技術(shù)讀取服務(wù)端多條數(shù)據(jù),并將返回的數(shù)據(jù)顯示到一個(gè)表格內(nèi).2010-08-08基于Ajax技術(shù)實(shí)現(xiàn)考試倒計(jì)時(shí)并自動(dòng)提交試卷
這篇文章主要介紹了基于Ajax技術(shù)實(shí)現(xiàn)考試倒計(jì)時(shí)并自動(dòng)提交試卷 的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06Ajax實(shí)現(xiàn)注冊(cè)并選擇頭像后上傳功能
這篇文章主要介紹了Ajax實(shí)現(xiàn)注冊(cè)并選擇頭像后上傳功能,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02AJAX 用戶(hù)唯一性驗(yàn)證實(shí)現(xiàn)代碼
用ajax實(shí)現(xiàn)用戶(hù)名的檢測(cè),提示是否重復(fù)的實(shí)現(xiàn)代碼。2009-11-11在(ASP/PHP/JSP/html/js)中禁止ajax緩存的方法集錦
禁止ajax緩存最簡(jiǎn)單的辦法就是在js端直接生成一個(gè)隨機(jī)數(shù)了,但是有時(shí)會(huì)發(fā)現(xiàn)此方法不適用于post了,如果我們要禁止post 提交數(shù)據(jù)的ajax緩存需要怎么處理呢,下面我整理了很多關(guān)于禁止ajax緩存的例子2014-08-08ajax動(dòng)態(tài)賦值echarts的實(shí)例(餅圖和柱形圖)
下面小編就為大家分享一篇ajax動(dòng)態(tài)賦值echarts的實(shí)例(餅圖和柱形圖),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03