ajax jquery 異步表單驗證示例代碼
更新時間：2013年08月09日 17:14:54 作者：
異步表單驗證想必大家早已如雷貫耳，本文為大家詳細講述下ajax jquery實現(xiàn)異步表單驗證，感興趣的朋友可以參考下
文件目錄：
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());
}
//進行連接數(shù)據(jù)庫
mysql_select_db('excour',$link);
// $name=$_GET['name'];
echo $name;
$sql="select name from user_info where name='$name'";
//執(zhí)行查詢語句
$result=mysql_query($sql);
if(mysql_num_rows($result) != 0){
echo "<font color='red'>名字太受歡迎，換一個吧</font>";
}else{
echo "<font color='blue'>成功</font>";
}
//進行釋放查詢結(jié)果集
mysql_free_result($result);
//關閉數(shù)據(jù)庫連接
mysql_close($link);
?>
運行結(jié)果示例：
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());
}
//進行連接數(shù)據(jù)庫
mysql_select_db('excour',$link);
// $name=$_GET['name'];
echo $name;
$sql="select name from user_info where name='$name'";
//執(zhí)行查詢語句
$result=mysql_query($sql);
if(mysql_num_rows($result) != 0){
echo "<font color='red'>名字太受歡迎，換一個吧</font>";
}else{
echo "<font color='blue'>成功</font>";
}
//進行釋放查詢結(jié)果集
mysql_free_result($result);
//關閉數(shù)據(jù)庫連接
mysql_close($link);
?>
運行結(jié)果示例：
您可能感興趣的文章:
- jquery ajax 登錄驗證實現(xiàn)代碼
- javascript和jquery實現(xiàn)用戶登錄驗證
- jQuery+AJAX實現(xiàn)遮罩層登錄驗證界面（附源碼）
- jQuery.ajax 用戶登錄驗證代碼
- S2SH整合JQuery+Ajax實現(xiàn)登錄驗證功能實現(xiàn)代碼
- ASP.NET jQuery 實例11 通過使用jQuery validation插件簡單實現(xiàn)用戶登錄頁面驗證功能
- 使用jQuery,Angular實現(xiàn)登錄界面驗證碼詳解
- 利用jQuery.Validate異步驗證用戶名是否存在（推薦）
- jQuery異步驗證用戶名是否存在示例代碼
- jquery登錄的異步驗證操作示例
相關文章
下面小編就為大家?guī)硪黄獪\談Bootstrap的DatePicker日期范圍選擇。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
ajax響應json字符串和json數(shù)組的實例(詳解)
下面小編就為大家?guī)硪黄猘jax響應json字符串和json數(shù)組的實例(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
Ajax讀取數(shù)據(jù)到表格的實現(xiàn)代碼
前兩篇我們講了＂ajax開始的準備＂與及如何使用ajax技術進行簡單的數(shù)據(jù)讀?。裉煳覀円v的是：使用Ajax無刷新技術讀取服務端多條數(shù)據(jù)，并將返回的數(shù)據(jù)顯示到一個表格內(nèi)．2010-08-08
本文是小編日常整理些有關jquery ajax()參數(shù)詳解，由于jquery ajax方法參數(shù)比較多，靠大腦記住有點犯難，下面小編把內(nèi)容整理分享到腳本之家網(wǎng)站，供大家參考2015-10-10
AJAX在Post中文的時候亂碼的解決方法...2007-03-03
這篇文章主要介紹了基于Ajax技術實現(xiàn)考試倒計時并自動提交試卷 的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了Ajax實現(xiàn)注冊并選擇頭像后上傳功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
用ajax實現(xiàn)用戶名的檢測，提示是否重復的實現(xiàn)代碼。2009-11-11
在(ASP/PHP/JSP/html/js)中禁止ajax緩存的方法集錦
禁止ajax緩存最簡單的辦法就是在js端直接生成一個隨機數(shù)了，但是有時會發(fā)現(xiàn)此方法不適用于post了，如果我們要禁止post 提交數(shù)據(jù)的ajax緩存需要怎么處理呢，下面我整理了很多關于禁止ajax緩存的例子2014-08-08
ajax動態(tài)賦值echarts的實例(餅圖和柱形圖)
下面小編就為大家分享一篇ajax動態(tài)賦值echarts的實例(餅圖和柱形圖)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03