ajax中怎么利用 jquery 異步表單驗(yàn)證

發(fā)布時間：2021-06-25 16:07:29 來源：億速云閱讀：105 作者：Leah 欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)ajax中怎么利用 jquery 異步表單驗(yàn)證，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

文件目錄：

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ù)庫
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>";
}

//進(jìn)行釋放查詢結(jié)果集
mysql_free_result($result);
//關(guān)閉數(shù)據(jù)庫連接
mysql_close($link);
?>

運(yùn)行結(jié)果示例：
ajax中怎么利用 jquery 異步表單驗(yàn)證

關(guān)于ajax中怎么利用 jquery 異步表單驗(yàn)證就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

ajax中怎么利用 jquery 異步表單驗(yàn)證

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽