亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > AJAX > 正文

ajax jquery校驗用戶是否已經注冊演示代碼

2024-09-01 08:28:59
字體：大 中 小
來源：轉載
供稿：網友
服務端代碼這里就不貼了

html代碼比較簡單，需要自行引入jquery庫
代碼如下:
<body>
請輸入用戶名:<input type="text" id="userName" class="userText"/> <input type="button" value="校驗" id="verifyButton" />
<div id="result"></div>
</body>

js代碼
代碼如下:
/*
* 在頁面裝載完成時注冊上這些工作
* */
$(document).ready(function() {
//這里面的內容就是頁面裝載完成后需要執行的代碼
var userNameNode = $("#userName");
//需要找到button按扭，注冊事件
$("#verifyButton").click(function() {
//1.獲取文本框的內容
var userName = userNameNode.val();
//2.將這個內容發送給服務器端
if (userName == "") {
alert("用戶名不能為空");
} else {
$.get("http://127.0.0.1:8080/JQuery/UserVerify?userName=" + encodeURI(encodeURI(userName)),null,function(response){
//3.接收服務器端返回的數據，填充到div中
$("#result").html(response);
});

}
});
//需要找到文本框，注冊事件
userNameNode.keyup(function(){
//獲取當前文本框中的內容
var value = userNameNode.val();
if (value == "") {
//讓邊框變成紅色，并且帶背景圖
userNameNode.addClass("userText");
} else {
//去掉邊框和背景圖
userNameNode.removeClass("userText");

}
});
});

css樣式，目的是讓文本框中沒有內容的時候邊框為紅色并下方有紅色波浪
代碼如下:
.userText {
/*控制文本框的邊框是紅色的實線*/
border: 1px solid red;
background-image: url(../images/userVerify.gif);
background-repeat: repeat-x;
background-position: bottom;
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩欧美中文字幕在线播放| 日韩一区二区精品视频| 欧美成人精品一区二区三区| 美女撒尿一区二区三区| 国产福利精品视频| 欧美一区二区色| 中文字幕亚洲欧美日韩高清| 久久精品人人做人人爽| 一本一本久久a久久精品牛牛影视| 国产精品久久久久久久久久| 91精品国产综合久久香蕉最新版| 91精品国产一区| 九九久久久久99精品| 日韩精品欧美国产精品忘忧草| 欧美精品在线观看91| 亚洲免费中文字幕| 亚洲午夜精品久久久久久性色| 亚洲精品理论电影| 国产婷婷97碰碰久久人人蜜臀| 国产精品视频自拍| 精品高清一区二区三区| 久久影视电视剧免费网站清宫辞电视| 亚洲欧美日韩图片| 色偷偷综合社区| 亚洲天堂一区二区三区| 国产美女91呻吟求| 136fldh精品导航福利| 欧美精品一区二区三区国产精品| 一区二区三区动漫| 亚洲欧美色婷婷| 精品中文字幕久久久久久| 亚洲韩国日本中文字幕| 国产精品午夜国产小视频| 欧美一区二区三区免费视| 欧美性做爰毛片| 欧美尺度大的性做爰视频| 国产999视频| 国语自产在线不卡| 欧美刺激性大交免费视频| 日韩精品在线观看网站| 国产日韩精品视频| 欧美日韩一二三四五区| 国产精品一区二区久久精品| 在线观看日韩www视频免费| 欧美午夜精品久久久久久浪潮| 日韩资源在线观看| 国产98色在线| 亚洲第一天堂无码专区| 欧美激情一二三| 色综合伊人色综合网站| 欧美做爰性生交视频| 欧美成人中文字幕| 成人免费视频97| 国产精品视频999| 日韩在线欧美在线| 亚洲人成绝费网站色www| 日韩成人av一区| 欧美老女人xx| 欧美丰满少妇xxxx| 丰满岳妇乱一区二区三区| 日韩不卡中文字幕| 91视频免费在线| 最近2019免费中文字幕视频三| 第一福利永久视频精品| 最近2019中文字幕在线高清| 亚洲高清不卡av| 日韩在线视频一区| 国产欧美va欧美va香蕉在线| 欧美专区第一页| 亚洲一区999| 国产乱人伦真实精品视频| 美日韩精品视频免费看| 国产精品99蜜臀久久不卡二区| 亚洲美女久久久| 久久不射电影网| 色阁综合伊人av| 日本不卡高字幕在线2019| 欧美性高跟鞋xxxxhd| 日韩欧美在线国产| 国产精品久久久久99| 亚洲aⅴ男人的天堂在线观看| 琪琪亚洲精品午夜在线| 国产成人综合精品在线| 亚洲综合在线小说| 亚洲高清不卡av| 亚洲成人免费网站| 亚洲欧美在线磁力| 日韩va亚洲va欧洲va国产| 国产精品xxxxx| 91精品91久久久久久| 欧美大人香蕉在线| 亚洲日韩中文字幕在线播放| 成人免费淫片aa视频免费| 国产精品久久久久久久7电影| 91精品国产91久久| 九九九热精品免费视频观看网站| 亚洲电影免费观看高清| 国产精品精品国产| 国产一区二区在线播放| 国产日韩精品视频| 亚洲高清一区二| 欧美中文字幕视频在线观看| 精品久久香蕉国产线看观看gif| 狠狠做深爱婷婷久久综合一区| 国产精品亚洲片夜色在线| 日韩电影免费观看在线| 欧美日韩国产一区二区三区| 懂色av影视一区二区三区| 久久视频免费观看| 亚洲人成在线一二| 国产精品久久久久秋霞鲁丝| 亚洲伊人第一页| 欧美在线日韩在线| 国产亚洲美女久久| 欧美国产日韩二区| 亚洲电影第1页| 最好看的2019年中文视频| 久久97久久97精品免视看| 亚洲国产欧美一区| 亚洲黄色在线观看| 国产中文字幕91| 国产亚洲欧美另类中文| 亚洲男人的天堂在线| 欧美老女人性生活| 亚洲影视中文字幕| 欧美日韩一区二区免费在线观看| 欧美在线性爱视频| 成人自拍性视频| 色先锋久久影院av| 欧美成人免费全部观看天天性色| 亚洲成人网在线观看| 91精品在线看| 成人亚洲综合色就1024| 成人精品视频久久久久| 伊人伊成久久人综合网站| 日韩电影在线观看中文字幕| 久久精品国产成人精品| 亚洲天堂网在线观看| 欧美精品一区二区三区国产精品| 国产亚洲欧美日韩一区二区| 欧美日韩激情美女| 久久天天躁日日躁| 久久精品91久久久久久再现| 亚洲视频999| 欧美日韩国产精品一区二区三区四区| 久久亚洲综合国产精品99麻豆精品福利| 精品小视频在线| 欧美日韩国产丝袜另类| 国产精品久久久久久网站| 久久综合久久88| 一个人看的www欧美| 日韩福利伦理影院免费| 国产精品欧美日韩一区二区| 久久久国产视频91| 日韩在线激情视频| 国产精品高清网站| 亚洲少妇中文在线| 高清一区二区三区四区五区| 欧美激情二区三区| 国产精品免费福利| 成人免费xxxxx在线观看| 粗暴蹂躏中文一区二区三区| 欧美精品一区在线播放| 欧美日韩午夜剧场|