jquery無刷新驗(yàn)證郵箱地址實(shí)現(xiàn)實(shí)例
今天在開發(fā)的時(shí)候。需要在一個(gè)用戶驗(yàn)證郵箱。但是使用了傳統(tǒng)的js無刷新需要清空瀏覽器緩存后才能正常的驗(yàn)證所以自己就去用jquery 去寫一個(gè)了無刷新驗(yàn)證 看看
<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)被注冊(cè)</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>
然后這個(gè)是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.dhdzp.com
<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>個(gè)人描述
<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>
- 基于jQuery的input輸入框下拉提示層(自動(dòng)郵箱后綴名)
- jquery寫個(gè)checkbox——類似郵箱全選功能
- jquery實(shí)現(xiàn)郵箱自動(dòng)補(bǔ)全功能示例分享
- jQuery 實(shí)現(xiàn)自動(dòng)填充郵箱功能（帶下拉提示）
- jquery 實(shí)現(xiàn)輸入郵箱時(shí)自動(dòng)補(bǔ)全下拉提示功能
- jQuery實(shí)現(xiàn)Email郵箱地址自動(dòng)補(bǔ)全功能代碼
- jquery驗(yàn)證郵箱格式是否正確實(shí)例講解
- jQuery實(shí)現(xiàn)文本框郵箱輸入自動(dòng)補(bǔ)全效果
- jquery實(shí)現(xiàn)郵箱自動(dòng)填充提示功能
相關(guān)文章
jQuery插件能夠增強(qiáng)網(wǎng)站的可用性，有效地改善用戶體驗(yàn)，還可以大大減少創(chuàng)建一個(gè)新站點(diǎn)的開發(fā)時(shí)間。2010-12-12
jQuery插件zTree實(shí)現(xiàn)獲取一級(jí)節(jié)點(diǎn)數(shù)據(jù)的方法
這篇文章主要介紹了jQuery插件zTree實(shí)現(xiàn)獲取一級(jí)節(jié)點(diǎn)數(shù)據(jù)的方法,結(jié)合實(shí)例形式分析了jQuery插件zTree針對(duì)節(jié)點(diǎn)的遍歷與獲取操作相關(guān)技巧,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了jQuery預(yù)加載圖片常用方法,以兩個(gè)簡(jiǎn)單實(shí)例分析了jQuery預(yù)加載圖片的實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-06-06
jQuery組件easyui對(duì)話框?qū)崿F(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了jQuery組件easyui對(duì)話框?qū)崿F(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
jQuery實(shí)現(xiàn)標(biāo)題有打字效果的焦點(diǎn)圖代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)標(biāo)題有打字效果的焦點(diǎn)圖代碼,可實(shí)現(xiàn)幻燈片切換顯示時(shí)標(biāo)題同步逐個(gè)打印顯示的效果,涉及jQuery操作json格式數(shù)據(jù)及時(shí)間函數(shù)的相關(guān)技巧,需要的朋友可以參考下2015-11-11
全面解析jQuery中的$(window)與$(document)的用法區(qū)別
這篇文章主要介紹了jQuery中的$(window)與$(document)的用法區(qū)別，具體內(nèi)容大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08
jQuery中設(shè)置form表單中action值的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query中設(shè)置form表單中action值的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
這篇文章介紹了Jquery同輩元素選中/未選中效果的實(shí)例代碼，有需要的朋友可以參考一下2013-08-08
這篇文章主要介紹了jquery更改元素屬性attr()方法,結(jié)合實(shí)例形式簡(jiǎn)單分析了jquery更改元素屬性attr()方法基本功能、語法及相關(guān)使用技巧,需要的朋友可以參考下2020-05-05
jquery移動(dòng)端TAB觸屏切換實(shí)現(xiàn)效果
這篇文章主要介紹了jquery移動(dòng)端TAB觸屏切換實(shí)現(xiàn)效果案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-10-10