今天算忙死了，登錄驗證用的JS的innerHTML，竟然只要IE9認識。朋友建議用JQ，于是就改成JQ，很少用JQ，看了點文檔，寫了一個用來驗證三個表單，如下：

站在用戶的角度思考問題，與客戶深入溝通，找到臨翔網站設計與臨翔網站推廣的解決方案，憑借多年的經驗，讓設計與互聯網技術結合，創造個性化、用戶體驗好的作品，建站類型包括：做網站、成都做網站、企業官網、英文網站、手機端網站、網站推廣、空間域名、虛擬空間、企業郵箱。業務覆蓋臨翔地區。

$(function(){
$("#username").blur(function(){//用戶名文本框失去焦點觸發驗證事件
if(!$(this).val())//只處驗證不能為空并且只能為英文或者數字或者下劃線組成的２－１５個字符
{
$("#vuser").html("<span >*</span>");
}
else
{
$("#vuser").html("");
}
});
$("#pwd").blur(function () {//用戶名文本框失去焦點觸發驗證事件
if (!$(this).val())//只處驗證不能為空并且只能為英文或者數字或者下劃線組成的２－１５個字符
{
$("#vpwd").html("<span >*</span>");
}
else {
$("#vpwd").html("");
}
});
$("#verifyCode").blur(function () {//用戶名文本框失去焦點觸發驗證事件
if (!$(this).val())//只處驗證不能為空并且只能為英文或者數字或者下劃線組成的２－１５個字符
{
$("#vcode").html("<span >*</span>");
}
else {
$("#vcode").html("");
}
});
});

寫完后一看，天吶，這我要弄十個表單豈不是要寫十次，真是太恐怖了。。。又向朋友求解，朋友告訴我一個方法，經一番努力后，寫下如下代碼

$(function () {
$("input[must='must']").blur(function () {
if ($(this).val().length == 0) {
$(this).next().html("<font style='color:#f00'>*</font>");
}
else {
$(this).next().html("");
}
});
});

表單是這樣的

<div class="user">
用戶名：<input id="username" name="username" must='must' type="text" /><span t='v'></span></div>
<div class="user">
密 碼：<input id="pwd" name="pwd" type="password" must='must' /><span t='v'></span></div>
<div class="user">
<div class="yzk">
驗證碼：<input id="verifyCode" name="verifyCode" type="text" must='must' /><span t='v'></span></div>
<div class="yzm">
<span id="img_yzm"></span>
</div>
</div>

神呀，少了這么多代碼。以后要多學學JQ啦，不能固步自封了。。。

分享題目：JQUERY失去焦點時驗證多個表單
地址分享：http://www.yijiale78.com/article26/gdcsjg.html

成都網站建設公司_創新互聯，為您提供ChatGPT、營銷型網站建設、標簽優化、虛擬主機、定制開發、網站維護

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯