jquery無刷新驗證郵箱地址實現(xiàn)實例
今天在開發(fā)的時候。需要在一個用戶驗證郵箱。但是使用了傳統(tǒng)的js無刷新需要清空瀏覽器緩存后才能正常的驗證所以自己就去用jquery 去寫一個了無刷新驗證 看看
<script type="text/javascript">
var ee;
function mailbox(strEmail){
var name=document.blooger[0].email.value;
$.ajax({
type: "get",
url: "<?php echo "http://".$_SERVER['HTTP_HOST']."/Login/"; ?>mail.php",
data: "youx="+name,
success: function(datax) {
var xx = document.getElementsByName("email")[0].value;
if (xx == ""){document.getElementById("mailbox_msg").innerHTML=' <font color=red>郵箱不能為空!</font>';}
else if(document.blooger[0].email.value.search(/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/) != -1) {
if (datax == 0) {
document.getElementById("mailbox_msg").innerHTML=' <font color=red>郵箱已經(jīng)被注冊</font>';
}
else {document.getElementById("mailbox_msg").innerHTML=' <font color=green>郵箱可以使用!</font>';}
}else{document.getElementById("mailbox_msg").innerHTML=' <font color=red>郵箱地址不正確</font>';}
}
});
}
function check(){
if(ee != "1"){mailbox();return false;}
}
</script>
然后這個是html的代碼
<form name="blooger" action="blogger.php?action=update" method="post" id="blooger" enctype="multipart/form-data" onsubmit="return check();" >
<div class="item_edit">www.dbjr.com.cn
<li>
<?php echo $icon; ?><input type="hidden" name="photo" value="<?php echo $photo; ?>"/>
頭像
<input name="photo" type="file" /> (支持JPG、PNG格式圖片)
</li>
<li>昵稱
<input maxlength="50" style="width:185px;" value="<?php echo $nickname; ?>" name="name" /> </li>
<li>電子郵件
<input type="text" name="email" value="<?php echo $email; ?>" id="id_mailbox" style="width:185px;" maxlength="200" onBlur="mailbox(this.value);" /><span id="mailbox_msg"></span></li>
<li>個人描述
<textarea name="description" style="width:300px; height:65px;" type="text" maxlength="500"><?php echo $description; ?></textarea></li>
<li><input type="submit" value="保存資料" class="button" /></li>
</div>
</form>
相關(guān)文章
Mui使用jquery并且使用點擊跳轉(zhuǎn)新窗口的實例
下面小編就為大家?guī)硪黄狹ui使用jquery并且使用點擊跳轉(zhuǎn)新窗口的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
jQuery操作checkbox選擇(list/table)
本文將介紹下checkbox list選擇及checkbox table選中附效果圖,感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-04
jBox 2.3基于jquery的最新多功能對話框插件 常見使用問題解答
jBox 是一款基于 jQuery 的多功能對話框插件,能夠?qū)崿F(xiàn)網(wǎng)站的整體風格效果,給用戶一個新的視覺享受。2011-11-11
javascript基于jQuery的表格懸停變色/恢復,表格點擊變色/恢復,點擊行選Checkbox
jQuery的表格懸停變色 恢復,表格點擊變色/恢復,點擊行選Checkbox2008-08-08

