Name<\/label><\/p>\n E-Mail<\/label><\/p>\n URL<\/label><\/p>\n text<\/label><\/textarea><\/p>\n <p><input class=\"submit\" type=\"submit\" value=\"提交\"\/><\/p>\n <\/fieldset>\n <\/form>\n<\/body>\n<\/html>\n<\/pre>\n<\/div>\n<p><strong>實例二：<span style=\"color: #800000\">方法驗證，通過自定義表單規(guī)則來驗證表單<\/span><\/strong><\/p>\n<p><\/p>\n<div id="377j5v51b" class=\"jb51code\">\n<pre class='brush:php;toolbar:false;'>\n<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\">\n<html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<head>\n <title>jQuery PlugIn - 表單驗證插件實例 Validate <\/title>\n <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\" \/>\n <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/zh-tw/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="社群" class="head_nava head_nava-template1">社群</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/article.html" title="文章" class="languagechoosea on">文章</a> <a href="http://www.miracleart.cn/zh-tw/faq/zt" title="合集" class="languagechoosea">合集</a> <a href="http://www.miracleart.cn/zh-tw/wenda.html" title="問答" class="languagechoosea">問答</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)習(xí)" class="head_nava head_nava-template1_1">學(xué)習(xí)</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/course.html" title="課程" class="languagechoosea on">課程</a> <a href="http://www.miracleart.cn/zh-tw/dic/" title="程式設(shè)計字典" class="languagechoosea">程式設(shè)計字典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="工具庫" class="head_nava head_nava-template1_2">工具庫</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools" title="開發(fā)工具" class="languagechoosea on">開發(fā)工具</a> <a href="http://www.miracleart.cn/zh-tw/toolset/website-source-code" title="網(wǎng)站源碼" class="languagechoosea">網(wǎng)站源碼</a> <a href="http://www.miracleart.cn/zh-tw/toolset/php-libraries" title="PHP 函式庫" class="languagechoosea">PHP 函式庫</a> <a href="http://www.miracleart.cn/zh-tw/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a> <a href="http://www.miracleart.cn/zh-tw/toolset/website-materials" title="網(wǎng)站素材" class="languagechoosea on">網(wǎng)站素材</a> <a href="http://www.miracleart.cn/zh-tw/toolset/extension-plug-ins" title="擴(kuò)充插件" class="languagechoosea on">擴(kuò)充插件</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/zh-tw/ai" title="AI工具" class="head_nava head_nava-template1_3">AI工具</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="休閒" class="head_nava head_nava-template1_3">休閒</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/game" title="遊戲下載" class="languagechoosea on">遊戲下載</a> <a href="http://www.miracleart.cn/zh-tw/mobile-game-tutorial/" title="遊戲教程" class="languagechoosea">遊戲教程</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('zh-tw')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="搜尋" onclick="searchs('zh-tw')"><img src="/static/imghw/find.png" alt="搜尋"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">繁體中文<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:;" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/zh-tw/" title="首頁" class="phpgenera_Details_mainL1a">首頁</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/zh-tw/web-designer.html" class="phpgenera_Details_mainL1a">web前端</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/zh-tw/js-tutorial.html" class="phpgenera_Details_mainL1a">js教程</a> <img src="/static/imghw/top_right.png" alt="" /> <span>jQuery Validation PlugIn的使用方法詳解_jquery</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">jQuery Validation PlugIn的使用方法詳解_jquery</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/zh-tw/member/887227.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" src="/static/imghw/default1.png" alt="WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/zh-tw/member/887227.html" class="author_name">WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">May 16, 2016 pm 03:24 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">jquery</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">validate</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p><strong>一、用前必備? </strong><br> 官方網(wǎng)站：<span style="color: #3366ff"><strong>http://bassistance.de/jquery-plugins/jquery-plugin-validation/? <br> </strong></span>API: <span style="color: #3366ff"><strong>http://jquery.bassistance.de/api-browser/plugins.html? </strong></span><br> 目前版本：1.5.5? <br> 需要JQuery版本：1.2.6+, 相容 1.3.2? <br> ? <br> ??<br> <strong>二、預(yù)設(shè)校驗規(guī)則? <br> </strong></p> <ul> <li>(1)required:true??????????????? 必輸與欄位?</li> <li>(2)remote:"check.php"?????使用ajax方法呼叫check.php驗證輸入值?</li> <li>(3)email:true??????????????????? 必須輸入正確格式的電子郵件?</li> <li>(4)url:true?????????????????????? ?且必須輸入使用正確格式的網(wǎng)址?</li> <li>(5)date:true??????????????????? ?必須以正確格式所輸入的日期?</li> <li>(6)dateISO:true??????????????? 必須輸入正確格式的日期(ISO)，例如：2009-06-23，1998/01/22 只驗證格式，例如：2009-06-23，1998/01/22 只驗證格式，且不驗證效用 </li>(7)number:true????????????????(負(fù)數(shù)，且小數(shù))?<li> </li>(8)digits:true??????????????????? 必須輸入為整數(shù)?<li> </li>(9)creditcard:?????????????????? 必須以法定的信用卡號為?<li> </li>(10)equalTo:"#field"?????????? 輸入值與上相同?<li> </li>(11)accept:???????????????????以 <li>(12)maxlength:5??????????????? 輸入長度中以5的字串(漢字算為字元)?</li> <li>(13)minlength:10?????????????? 輸入長度的最小為10字串(漢字算字元)?</li> <li>(14)rangelength:[5,10]????????輸入長度必須介於 5 和 10 之間的字串")(漢字算一個字元)?</li> <li>(15)range:[5,10]???????????????? 輸入值必須在 5 與 10 之間?</li> <li>(16)max:5?????????????????????? ? 輸入值無法大於5?</li> <li>(17)min:10???????????????????????以而言無法小於10??</li> <li> <br> </li> </ul>三、預(yù)設(shè)的提示? <p> <strong><br> </strong> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> messages: { required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date.", dateISO: "Please enter a valid date (ISO).", dateDE: "Bitte geben Sie ein g眉ltiges Datum ein.", number: "Please enter a valid number.", numberDE: "Bitte geben Sie eine Nummer ein.", digits: "Please enter only digits", creditcard: "Please enter a valid credit card number.", equalTo: "Please enter the same value again.", accept: "Please enter a value with a valid extension.", maxlength: $.validator.format("Please enter no more than {0} characters."), minlength: $.validator.format("Please enter at least {0} characters."), rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."), range: $.validator.format("Please enter a value between {0} and {1}."), max: $.validator.format("Please enter a value less than or equal to {0}."), min: $.validator.format("Please enter a value greater than or equal to {0}.") }, </pre>如需修改，可在js程式碼中加入：? </div> <p> <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> jQuery.extend(jQuery.validator.messages, { required: "必選字段", remote: "請修正該字段", email: "請輸入正確格式的電子郵件", url: "請輸入合法的網(wǎng)址", date: "請輸入合法的日期", dateISO: "請輸入合法的日期 (ISO).", number: "請輸入合法的數(shù)字", digits: "只能輸入整數(shù)", creditcard: "請輸入合法的信用卡號", equalTo: "請再次輸入相同的值", accept: "請輸入擁有合法后綴名的字符串", maxlength: jQuery.validator.format("請輸入一個長度最多是 {0} 的字符串"), minlength: jQuery.validator.format("請輸入一個長度最少是 {0} 的字符串"), rangelength: jQuery.validator.format("請輸入一個長度介于 {0} 和 {1} 之間的字符串"), range: jQuery.validator.format("請輸入一個介于 {0} 和 {1} 之間的值"), max: jQuery.validator.format("請輸入一個最大為 {0} 的值"), min: jQuery.validator.format("請輸入一個最小為 {0} 的值") }); </pre></div><p>建議做法，<span style="color: #800000"><strong>將此檔案放入messages_cn.js中，在頁面中引入? </strong> [codept src="../js/messages_cn.js" type="text/javascript"></script>?[/code</span> <br />四、使用方式? <br /> <strong>1.將校驗規(guī)則寫到控制中? <br /> </strong> <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> <script src="./js/jquery.metadata.js" type="text/javascript"></script> $().ready(function() { $("#signupForm").validate(); }); <form id="signupForm" method="get" action=""> <p> <label for="firstname">Firstname</label> <input id="firstname" name="firstname" class="required" /> </p> <p> <label for="email">E-Mail</label> <input id="email" name="email" class="required email" /> </p> <p> <label for="password">Password</label> <input id="password" name="password" type="password" class="{required:true,minlength:5}" /> </p> <p> <label for="confirm_password">確認(rèn)密碼</label> <input id="confirm_password" name="confirm_password" type="password" class="{required:true,minlength:5,equalTo:'#password'}" /> </p> <p> <input class="submit" type="submit" value="Submit"/> </p> </form> </pre>使用class="{}"的方式，必須引入套件：jquery.metadata.js? </div> 可以使用以下的方法，修改提示內(nèi)容：? <p> <br /><br /><div id="377j5v51b" class="codetitle"><span>複製程式碼<a style="CURSOR: pointer" data="26855" class="copybut" id="copybut26855" onclick="doCopy('code26855')"><U></U> 程式碼如下:</a></span>class="{required:true,minlength:5,messages:{required:'請輸入內(nèi)容'}}"</div> <br /> 在使用equalTo關(guān)鍵字時，后面的內(nèi)容必須加上引號，如下代碼： <br /> <div id="377j5v51b" class="codetitle"><span><a style="CURSOR: pointer" data="18569" class="copybut" id="copybut18569" onclick="doCopy('code18569')"><U>復(fù)制代碼</U></a></span> 代碼如下:</div><div id="377j5v51b" class="codebody" id="code18569">class="{required:true,minlength:5,equalTo:'#password'}"</div> <br /> 另外一個方式，使用關(guān)鍵字：meta（為了元數(shù)據(jù)使用其他插件你要包裝 你的驗證規(guī)則 在他們自己的項目中可以用這個特殊的選項） <br /> 再有一種方式： <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> $.metadata.setType("attr", "validate"); </pre> </div> <p>這樣可以使用validate="{required:true}"的方式，或者class="required"，但class="{required:true,minlength:5}"將不起作用 <br /> 2.將校驗規(guī)則寫到代碼中 <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> $().ready(function() { $("#signupForm").validate({ rules: { firstname: "required", email: { required: true, email: true }, password: { required: true, minlength: 5 }, confirm_password: { required: true, minlength: 5, equalTo: "#password" } }, messages: { firstname: "請輸入姓名", email: { required: "請輸入Email地址", email: "請輸入正確的email地址" }, password: { required: "請輸入密碼", minlength: jQuery.format("密碼不能小于{0}個字符") }, confirm_password: { required: "請輸入確認(rèn)密碼", minlength: "確認(rèn)密碼不能小于5個字符", equalTo: "兩次輸入密碼不一致不一致" } } }); }); //messages處，如果某個控件沒有message，將調(diào)用默認(rèn)的信息 <form id="signupForm" method="get" action=""> <p> <label for="firstname">Firstname</label> <input id="firstname" name="firstname" /> </p> <p> <label for="email">E-Mail</label> <input id="email" name="email" /> </p> <p> <label for="password">Password</label> <input id="password" name="password" type="password" /> </p> <p> <label for="confirm_password">確認(rèn)密碼</label> <input id="confirm_password" name="confirm_password" type="password" /> </p> <p> <input class="submit" type="submit" value="Submit"/> </p> </form> </pre> </div> <p>required:true 必須有值 <br /> required:"#aa:checked"表達(dá)式的值為真，則需要驗證 <br /> required:function(){}返回為真，表時需要驗證 <br /> 后邊兩種常用于，表單中需要同時填或不填的元素 <br /> </p> <p><strong>五、實例講解</strong></p> <p><strong>實例一：</strong><span style="color: #800000"><strong>精簡驗證，通過表單對象調(diào)用validate()方法進(jìn)行驗證，驗證規(guī)則通過html標(biāo)簽屬性定義：以下為常用屬性定義距離</strong></span></p> <p>class='required' //必須字段<br /> class='mail' //郵箱驗證<br /> class='url' //URL網(wǎng)址驗證<br /> class='date' //正確的日期 格式滿足 2012，0204，2012-02-04<br /> class='number' //輸入合法的數(shù)字<br /> class='digits' //輸入整數(shù)<br /> minlength='' //最小輸入長度<br /> maxlength='' //最長輸入長度(該值不會提示，當(dāng)值達(dá)到一定字符數(shù)不可再增長)<br /> max='' //輸入的數(shù)值小于指定值<br /> min='' //輸入的數(shù)值大于指定值</p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery PlugIn - 表單驗證插件實例 Validate </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.validate.min.js"></script> <script type="text/javascript" src="messages_cn.js"></script> <style type="text/css"> * { font-family: Verdana; font-size:13px; } input[type='text']{width:200px;} textarea{width:155px;} label { width: 10em; float: left; } label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } </style> <script> $(document).ready(function(){ $("#commentForm").validate(); }); </script> </head> <body> <form id="commentForm" method="get" action="" > <fieldset> <legend>表單驗證</legend> <p><label>Name</label><input name="name" class="required" maxlength="4" minlength="2" /></p> <p><label >E-Mail</label><input name="email" class="required email" /></p> <p><label >URL</label><input name="url" class="url"/></p> <p><label>text</label><textarea name="text" cols="22" class="required"></textarea></p> <p><input class="submit" type="submit" value="提交"/></p> </fieldset> </form> </body> </html> </pre> </div> <p><strong>實例二：<span style="color: #800000">方法驗證，通過自定義表單規(guī)則來驗證表單</span></strong></p> <p></p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery PlugIn - 表單驗證插件實例 Validate </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.validate.min.js"></script> <script type="text/javascript" src="messages_cn.js"></script> <style type="text/css"> * { font-family: Verdana; font-size:13px; } input[type='text']{width:200px;} textarea{width:155px;} .title{float:left;width:10em} em.error { float: none; color: red; padding-left: .5em; vertical-align: top; } .field_notice{display:none;} .checking{display:none;} </style> <script> $(document).ready(function(){ $("#commentForm").validate({ errorPlacement: function(error, element){ var error_td = element.next('em'); error_td.find('.field_notice').hide(); error_td.append(error); }, success: function(label){ label.addClass('validate_right').text('OK!'); }, onkeyup: false, rules: { name: { required:true, minlength:3, maxlength:40, remote:{ url :'index.php?ajax=1', type:'get', data:{ name : function(){ return $('#name').val(); } }, beforeSend:function(){ var _checking = $('#checking'); _checking.prev('.field_notice').hide(); _checking.next('label').hide(); $(_checking).show(); }, complete :function(){ $('#checking').hide(); } } }, email: {required: true, email: true }, url:{required:true,url:true}, text:"required" }, messages: { name: {required:"需要輸入名稱", minlength:"名稱長度在3-40個字符之間", maxlength:"名稱長度在3-40個字符之間",remote:"用戶名已存在"}, email: {required:"需要輸入電子郵箱", email:"電子郵箱格式不正確"}, url: {required:"需要輸入URL地址", url:"URL地址格式不正確"}, text:"需要輸入文本內(nèi)容" }, }); }); </script> </head> <body> <form id="commentForm" method="get" action="" > <fieldset> <legend>表單驗證</legend> <p><label class="title" >Name</label><input id="name" name="name"/> <em><label class="field_notice"></label><label id="checking" class="checking">檢查中...</label></em> </p> <p><label class="title" >E-Mail</label><input name="email"/> <em><label class="field_notice"></label></em> </p> <p><label class="title" >URL</label><input name="url"/> <em><label class="field_notice"></label></em> </p> <p><label class="title" >text</label><textarea name="text" cols="22"></textarea> <em><label class="field_notice"></label></em> </p> <p><input class="submit" type="submit" value="提交"/></p> </fieldset> </form> </body> </html></pre> </div> <p></p> <p>以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助。</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">本網(wǎng)站聲明</div> <div>本文內(nèi)容由網(wǎng)友自願投稿，版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容，請聯(lián)絡(luò)admin@php.cn</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <div id="377j5v51b" class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <!-- <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門文章</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796832397.html" title="Grass Wonder Build Guide |烏瑪媽媽漂亮的德比" class="phpgenera_Details_mainR4_bottom_title">Grass Wonder Build Guide |烏瑪媽媽漂亮的德比</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796833110.html" title="<??>：在森林裡99夜 - 所有徽章以及如何解鎖" class="phpgenera_Details_mainR4_bottom_title"><??>：在森林裡99夜 - 所有徽章以及如何解鎖</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 週前</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831605.html" title="烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）" class="phpgenera_Details_mainR4_bottom_title">烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796836699.html" title="Rimworld Odyssey溫度指南和Gravtech" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey溫度指南和Gravtech</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831905.html" title="Windows安全是空白或不顯示選項" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/article.html">顯示更多</a> </div> </div> </div> --> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>熱AI工具</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>免費脫衣圖片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>用於從照片中去除衣服的線上人工智慧工具。</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI脫衣器</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/ai">顯示更多</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門文章</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796832397.html" title="Grass Wonder Build Guide |烏瑪媽媽漂亮的德比" class="phpgenera_Details_mainR4_bottom_title">Grass Wonder Build Guide |烏瑪媽媽漂亮的德比</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796833110.html" title="<??>：在森林裡99夜 - 所有徽章以及如何解鎖" class="phpgenera_Details_mainR4_bottom_title"><??>：在森林裡99夜 - 所有徽章以及如何解鎖</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 週前</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831605.html" title="烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）" class="phpgenera_Details_mainR4_bottom_title">烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796836699.html" title="Rimworld Odyssey溫度指南和Gravtech" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey溫度指南和Gravtech</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831905.html" title="Windows安全是空白或不顯示選項" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/article.html">顯示更多</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>熱工具</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="記事本++7.3.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title"> <h3>記事本++7.3.1</h3> </a> <p>好用且免費的程式碼編輯器</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3漢化版" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_title"> <h3>SublimeText3漢化版</h3> </a> <p>中文版，非常好用</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="禪工作室 13.0.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title"> <h3>禪工作室 13.0.1</h3> </a> <p>強大的PHP整合開發(fā)環(huán)境</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>視覺化網(wǎng)頁開發(fā)工具</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac版</h3> </a> <p>神級程式碼編輯軟體(SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/ai">顯示更多</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門話題</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/laravel-tutori" title="Laravel 教程" class="phpgenera_Details_mainR4_bottom_title">Laravel 教程</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1600</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>29</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/php-tutorial" title="PHP教程" class="phpgenera_Details_mainR4_bottom_title">PHP教程</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1502</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>276</span> </div> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/faq/zt">顯示更多</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main2"> <div id="377j5v51b" class="phpgenera_Details_mainL4"> <div id="377j5v51b" class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div id="377j5v51b" class="phpgenera_Details_mainL4_info"> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/691702.html" title="jQuery引用方法詳解：快速上手指南" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170903071539936.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery引用方法詳解：快速上手指南" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/691702.html" title="jQuery引用方法詳解：快速上手指南" class="phphistorical_Version2_mids_title">jQuery引用方法詳解：快速上手指南</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 27, 2024 pm 06:45 PM</span> <p class="Articlelist_txts_p">jQuery引用方法詳解：快速上手指南jQuery是一個受歡迎的JavaScript庫，被廣泛用於網(wǎng)站開發(fā)中，它簡化了JavaScript編程，並為開發(fā)者提供了豐富的功能和特性。本文將詳細(xì)介紹jQuery的引用方法，並提供具體的程式碼範(fàn)例，幫助讀者快速上手。引入jQuery首先，我們需要在HTML檔案中引入jQuery函式庫?？梢酝高^CDN連結(jié)的方式引入，也可以下載</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692694.html" title="jQuery中如何使用PUT請求方式？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/000/164/170910433346845.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery中如何使用PUT請求方式？" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692694.html" title="jQuery中如何使用PUT請求方式？" class="phphistorical_Version2_mids_title">jQuery中如何使用PUT請求方式？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 03:12 PM</span> <p class="Articlelist_txts_p">jQuery中如何使用PUT請求方式？在jQuery中，發(fā)送PUT請求的方法與發(fā)送其他類型的請求類似，但需要注意一些細(xì)節(jié)和參數(shù)設(shè)定。 PUT請求通常用於更新資源，例如更新資料庫中的資料或更新伺服器上的檔案。以下是在jQuery中使用PUT請求方式的具體程式碼範(fàn)例。首先，確保引入了jQuery庫文件，然後可以透過以下方式發(fā)送PUT請求：$.ajax({u</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/693182.html" title="jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170912557218266.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/693182.html" title="jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本" class="phphistorical_Version2_mids_title">jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 09:06 PM</span> <p class="Articlelist_txts_p">標(biāo)題：jQuery小技巧：快速修改頁面所有a標(biāo)籤的文字在網(wǎng)頁開發(fā)中，我們經(jīng)常需要對頁面中的元素進(jìn)行修改和操作。使用jQuery時，有時候需要一次修改頁面中所有a標(biāo)籤的文字內(nèi)容，這樣可以節(jié)省時間和精力。以下將介紹如何使用jQuery快速修改頁面所有a標(biāo)籤的文本，同時給出具體的程式碼範(fàn)例。首先，我們需要引入jQuery庫文件，確保在頁面中引入了以下程式碼：<</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692928.html" title="使用jQuery修改所有a標(biāo)籤的文字內(nèi)容" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170911333171493.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用jQuery修改所有a標(biāo)籤的文字內(nèi)容" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692928.html" title="使用jQuery修改所有a標(biāo)籤的文字內(nèi)容" class="phphistorical_Version2_mids_title">使用jQuery修改所有a標(biāo)籤的文字內(nèi)容</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 05:42 PM</span> <p class="Articlelist_txts_p">標(biāo)題：使用jQuery修改所有a標(biāo)籤的文字內(nèi)容jQuery是一款受歡迎的JavaScript庫，被廣泛用於處理DOM操作。在網(wǎng)頁開發(fā)中，經(jīng)常會遇到需要修改頁面上連結(jié)標(biāo)籤（a標(biāo)籤）的文字內(nèi)容的需求。本文將介紹如何使用jQuery來實現(xiàn)這個目標(biāo)，並提供具體的程式碼範(fàn)例。首先，我們需要在頁面中引入jQuery庫。在HTML檔案中加入以下程式碼：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692099.html" title="jQuery如何移除元素的height屬性？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170908075260378.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery如何移除元素的height屬性？" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692099.html" title="jQuery如何移除元素的height屬性？" class="phphistorical_Version2_mids_title">jQuery如何移除元素的height屬性？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 am 08:39 AM</span> <p class="Articlelist_txts_p">jQuery如何移除元素的height屬性？在前端開發(fā)中，經(jīng)常會遇到需要操作元素的高度屬性的需求。有時候，我們可能需要動態(tài)改變元素的高度，而有時候又需要移除元素的高度屬性。本文將介紹如何使用jQuery來移除元素的高度屬性，並提供具體的程式碼範(fàn)例。在使用jQuery操作高度屬性之前，我們首先需要了解CSS中的height屬性。 height屬性用於設(shè)定元素的高度</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692515.html" title="了解jQuery中eq的作用及應(yīng)用場景" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170909731284988.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="了解jQuery中eq的作用及應(yīng)用場景" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692515.html" title="了解jQuery中eq的作用及應(yīng)用場景" class="phphistorical_Version2_mids_title">了解jQuery中eq的作用及應(yīng)用場景</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 01:15 PM</span> <p class="Articlelist_txts_p">jQuery是一種流行的JavaScript庫，被廣泛用於處理網(wǎng)頁中的DOM操作和事件處理。在jQuery中，eq()方法是用來選擇指定索引位置的元素的方法，具體使用方法和應(yīng)用場景如下。在jQuery中，eq()方法選擇指定索引位置的元素。索引位置從0開始計數(shù)，即第一個元素的索引是0，第二個元素的索引是1，依此類推。 eq()方法的語法如下：$("s</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/693378.html" title="使用jQuery為表格新增一行的方法介紹" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170916553144887.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用jQuery為表格新增一行的方法介紹" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/693378.html" title="使用jQuery為表格新增一行的方法介紹" class="phphistorical_Version2_mids_title">使用jQuery為表格新增一行的方法介紹</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 29, 2024 am 08:12 AM</span> <p class="Articlelist_txts_p">jQuery是一個受歡迎的JavaScript函式庫，廣泛用於網(wǎng)頁開發(fā)。在網(wǎng)頁開發(fā)過程中，經(jīng)常需要透過JavaScript動態(tài)地在表格中新增一行。本文將介紹如何使用jQuery為表格新增一行，並提供具體的程式碼範(fàn)例。首先，我們需要在HTML頁面中引入jQuery函式庫?？梢酝高^以下程式碼在標(biāo)籤中引入jQuery庫：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/693462.html" title="如何判斷jQuery元素是否具有特定屬性？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/000/164/170916859138598.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何判斷jQuery元素是否具有特定屬性？" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/693462.html" title="如何判斷jQuery元素是否具有特定屬性？" class="phphistorical_Version2_mids_title">如何判斷jQuery元素是否具有特定屬性？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 29, 2024 am 09:03 AM</span> <p class="Articlelist_txts_p">如何判斷jQuery元素是否具有特定屬性？在使用jQuery操作DOM元素時，常會遇到需要判斷元素是否具有某個特定屬性的情況。在這種情況下，我們可以藉助jQuery提供的方法來輕鬆實現(xiàn)這項功能。以下將介紹兩種常用的方法來判斷一個jQuery元素是否具有特定屬性，並附上具體的程式碼範(fàn)例。方法一：使用attr()方法和typeof運算子//判斷元素是否具有特定屬</p> </div> </div> <a href="http://www.miracleart.cn/zh-tw/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div id="377j5v51b" class="footer"> <div id="377j5v51b" class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>公益線上PHP培訓(xùn)，幫助PHP學(xué)習(xí)者快速成長！</p> </div> <div id="377j5v51b" class="footermid"> <a href="http://www.miracleart.cn/zh-tw/about/us.html">關(guān)於我們</a> <a href="http://www.miracleart.cn/zh-tw/about/disclaimer.html">免責(zé)聲明</a> <a href="http://www.miracleart.cn/zh-tw/update/article_0_1.html">Sitemap</a> </div> <div id="377j5v51b" class="footerbottom"> <p> ? php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="o0yow" class="pl_css_ganrao" style="display: none;"><rt id="o0yow"><small id="o0yow"><wbr id="o0yow"></wbr></small></rt><abbr id="o0yow"></abbr><em id="o0yow"></em><cite id="o0yow"></cite><option id="o0yow"><object id="o0yow"><option id="o0yow"></option></object></option><u id="o0yow"></u><table id="o0yow"><address id="o0yow"><table id="o0yow"><xmp id="o0yow"></xmp></table></address></table><tfoot id="o0yow"><pre id="o0yow"><rt id="o0yow"></rt></pre></tfoot><pre id="o0yow"><ol id="o0yow"><font id="o0yow"></font></ol></pre><code id="o0yow"></code><table id="o0yow"><address id="o0yow"><table id="o0yow"><wbr id="o0yow"></wbr></table></address></table><big id="o0yow"></big><input id="o0yow"><del id="o0yow"><i id="o0yow"><del id="o0yow"></del></i></del></input><dfn id="o0yow"><listing id="o0yow"></listing></dfn><strong id="o0yow"></strong><tr id="o0yow"><noframes id="o0yow"><center id="o0yow"></center></noframes></tr><label id="o0yow"><sub id="o0yow"><menu id="o0yow"></menu></sub></label><li id="o0yow"><tbody id="o0yow"><button id="o0yow"></button></tbody></li><table id="o0yow"><address id="o0yow"></address></table><small id="o0yow"></small><video id="o0yow"></video><dl id="o0yow"></dl><source id="o0yow"><abbr id="o0yow"></abbr></source><dd id="o0yow"><strong id="o0yow"><blockquote id="o0yow"></blockquote></strong></dd><tr id="o0yow"></tr><thead id="o0yow"></thead><kbd id="o0yow"></kbd><table id="o0yow"><xmp id="o0yow"><li id="o0yow"></li></xmp></table><noframes id="o0yow"></noframes><pre id="o0yow"><ol id="o0yow"><pre id="o0yow"><rt id="o0yow"></rt></pre></ol></pre><button id="o0yow"></button><th id="o0yow"></th><fieldset id="o0yow"><center id="o0yow"><th id="o0yow"></th></center></fieldset><table id="o0yow"></table><font id="o0yow"><strong id="o0yow"><blockquote id="o0yow"></blockquote></strong></font><dfn id="o0yow"></dfn><nobr id="o0yow"></nobr><small id="o0yow"><progress id="o0yow"><track id="o0yow"></track></progress></small><strike id="o0yow"></strike><ruby id="o0yow"></ruby><video id="o0yow"></video><blockquote id="o0yow"></blockquote><pre id="o0yow"><menu id="o0yow"><font id="o0yow"></font></menu></pre><samp id="o0yow"><i id="o0yow"><del id="o0yow"></del></i></samp><pre id="o0yow"></pre><optgroup id="o0yow"><td id="o0yow"><form id="o0yow"></form></td></optgroup><dfn id="o0yow"><em id="o0yow"><pre id="o0yow"></pre></em></dfn><ol id="o0yow"><font id="o0yow"><object id="o0yow"></object></font></ol><del id="o0yow"><fieldset id="o0yow"><output id="o0yow"><fieldset id="o0yow"></fieldset></output></fieldset></del><code id="o0yow"><ins id="o0yow"></ins></code><li id="o0yow"><legend id="o0yow"><li id="o0yow"></li></legend></li><rt id="o0yow"><small id="o0yow"></small></rt><fieldset id="o0yow"></fieldset><dd id="o0yow"><strong id="o0yow"></strong></dd><dl id="o0yow"><li id="o0yow"><tbody id="o0yow"><em id="o0yow"></em></tbody></li></dl><pre id="o0yow"><ol id="o0yow"><font id="o0yow"><wbr id="o0yow"></wbr></font></ol></pre><menu id="o0yow"></menu><xmp id="o0yow"></xmp><strong id="o0yow"><dfn id="o0yow"><label id="o0yow"></label></dfn></strong><kbd id="o0yow"><th id="o0yow"><center id="o0yow"></center></th></kbd><tr id="o0yow"></tr><table id="o0yow"><xmp id="o0yow"><label id="o0yow"><xmp id="o0yow"></xmp></label></xmp></table><tr id="o0yow"><dfn id="o0yow"></dfn></tr><table id="o0yow"></table><sup id="o0yow"><table id="o0yow"><address id="o0yow"></address></table></sup><td id="o0yow"></td><li id="o0yow"></li><input id="o0yow"></input><thead id="o0yow"></thead><fieldset id="o0yow"></fieldset><s id="o0yow"><samp id="o0yow"><strong id="o0yow"></strong></samp></s><strike id="o0yow"></strike><optgroup id="o0yow"><sub id="o0yow"><optgroup id="o0yow"></optgroup></sub></optgroup><i id="o0yow"><del id="o0yow"></del></i><style id="o0yow"></style><tfoot id="o0yow"></tfoot><form id="o0yow"></form><s id="o0yow"><samp id="o0yow"><thead id="o0yow"></thead></samp></s><font id="o0yow"></font><strike id="o0yow"></strike><center id="o0yow"></center><dd id="o0yow"><strong id="o0yow"><dd id="o0yow"><small id="o0yow"></small></dd></strong></dd><menuitem id="o0yow"></menuitem><mark id="o0yow"></mark><strong id="o0yow"></strong><tr id="o0yow"></tr><fieldset id="o0yow"><rp id="o0yow"></rp></fieldset><dl id="o0yow"><button id="o0yow"><input id="o0yow"></input></button></dl><rt id="o0yow"><delect id="o0yow"><wbr id="o0yow"></wbr></delect></rt><center id="o0yow"></center><em id="o0yow"></em><b id="o0yow"><s id="o0yow"><samp id="o0yow"></samp></s></b><strike id="o0yow"><video id="o0yow"><strike id="o0yow"><button id="o0yow"></button></strike></video></strike><legend id="o0yow"></legend><code id="o0yow"></code><button id="o0yow"></button><abbr id="o0yow"><form id="o0yow"><optgroup id="o0yow"><blockquote id="o0yow"></blockquote></optgroup></form></abbr><noframes id="o0yow"><rt id="o0yow"><optgroup id="o0yow"></optgroup></rt></noframes><s id="o0yow"><b id="o0yow"><i id="o0yow"></i></b></s><dl id="o0yow"></dl><tfoot id="o0yow"><pre id="o0yow"></pre></tfoot><samp id="o0yow"></samp><button id="o0yow"><input id="o0yow"><button id="o0yow"></button></input></button><s id="o0yow"><kbd id="o0yow"></kbd></s><fieldset id="o0yow"><rp id="o0yow"><label id="o0yow"></label></rp></fieldset><style id="o0yow"><progress id="o0yow"><small id="o0yow"></small></progress></style><xmp id="o0yow"></xmp><samp id="o0yow"></samp><track id="o0yow"><ol id="o0yow"><option id="o0yow"></option></ol></track><var id="o0yow"></var><kbd id="o0yow"><strong id="o0yow"><mark id="o0yow"></mark></strong></kbd><label id="o0yow"></label><optgroup id="o0yow"></optgroup><pre id="o0yow"></pre><ol id="o0yow"></ol><acronym id="o0yow"></acronym><big id="o0yow"></big><font id="o0yow"></font><fieldset id="o0yow"></fieldset><rt id="o0yow"><small id="o0yow"></small></rt><delect id="o0yow"></delect><sup id="o0yow"><table id="o0yow"><acronym id="o0yow"></acronym></table></sup><em id="o0yow"></em><pre id="o0yow"></pre><b id="o0yow"></b><pre id="o0yow"><em id="o0yow"><s id="o0yow"><kbd id="o0yow"></kbd></s></em></pre><strong id="o0yow"></strong><rp id="o0yow"></rp><wbr id="o0yow"></wbr><font id="o0yow"></font><xmp id="o0yow"><bdo id="o0yow"><mark id="o0yow"></mark></bdo></xmp><table id="o0yow"></table><samp id="o0yow"><tbody id="o0yow"><output id="o0yow"></output></tbody></samp><strong id="o0yow"></strong><s id="o0yow"><samp id="o0yow"><i id="o0yow"></i></samp></s><fieldset id="o0yow"><rp id="o0yow"><th id="o0yow"></th></rp></fieldset><listing id="o0yow"></listing><kbd id="o0yow"><strong id="o0yow"><rp id="o0yow"></rp></strong></kbd><li id="o0yow"></li><sub id="o0yow"></sub><button id="o0yow"><dl id="o0yow"></dl></button><font id="o0yow"><strong id="o0yow"><dd id="o0yow"><small id="o0yow"></small></dd></strong></font><noframes id="o0yow"></noframes><progress id="o0yow"><track id="o0yow"></track></progress><menuitem id="o0yow"></menuitem><pre id="o0yow"><em id="o0yow"><td id="o0yow"></td></em></pre><tfoot id="o0yow"><track id="o0yow"></track></tfoot><table id="o0yow"><wbr id="o0yow"><ul id="o0yow"></ul></wbr></table><dfn id="o0yow"></dfn></div> </html>
E-Mail<\/label><\/p>\n URL<\/label><\/p>\n text<\/label><\/textarea><\/p>\n <p><input class=\"submit\" type=\"submit\" value=\"提交\"\/><\/p>\n <\/fieldset>\n <\/form>\n<\/body>\n<\/html>\n<\/pre>\n<\/div>\n<p><strong>實例二：<span style=\"color: #800000\">方法驗證，通過自定義表單規(guī)則來驗證表單<\/span><\/strong><\/p>\n<p><\/p>\n<div id="377j5v51b" class=\"jb51code\">\n<pre class='brush:php;toolbar:false;'>\n<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\">\n<html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<head>\n <title>jQuery PlugIn - 表單驗證插件實例 Validate <\/title>\n <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\" \/>\n <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/zh-tw/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="社群" class="head_nava head_nava-template1">社群</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/article.html" title="文章" class="languagechoosea on">文章</a> <a href="http://www.miracleart.cn/zh-tw/faq/zt" title="合集" class="languagechoosea">合集</a> <a href="http://www.miracleart.cn/zh-tw/wenda.html" title="問答" class="languagechoosea">問答</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)習(xí)" class="head_nava head_nava-template1_1">學(xué)習(xí)</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/course.html" title="課程" class="languagechoosea on">課程</a> <a href="http://www.miracleart.cn/zh-tw/dic/" title="程式設(shè)計字典" class="languagechoosea">程式設(shè)計字典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="工具庫" class="head_nava head_nava-template1_2">工具庫</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools" title="開發(fā)工具" class="languagechoosea on">開發(fā)工具</a> <a href="http://www.miracleart.cn/zh-tw/toolset/website-source-code" title="網(wǎng)站源碼" class="languagechoosea">網(wǎng)站源碼</a> <a href="http://www.miracleart.cn/zh-tw/toolset/php-libraries" title="PHP 函式庫" class="languagechoosea">PHP 函式庫</a> <a href="http://www.miracleart.cn/zh-tw/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a> <a href="http://www.miracleart.cn/zh-tw/toolset/website-materials" title="網(wǎng)站素材" class="languagechoosea on">網(wǎng)站素材</a> <a href="http://www.miracleart.cn/zh-tw/toolset/extension-plug-ins" title="擴(kuò)充插件" class="languagechoosea on">擴(kuò)充插件</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/zh-tw/ai" title="AI工具" class="head_nava head_nava-template1_3">AI工具</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="休閒" class="head_nava head_nava-template1_3">休閒</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/game" title="遊戲下載" class="languagechoosea on">遊戲下載</a> <a href="http://www.miracleart.cn/zh-tw/mobile-game-tutorial/" title="遊戲教程" class="languagechoosea">遊戲教程</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('zh-tw')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="搜尋" onclick="searchs('zh-tw')"><img src="/static/imghw/find.png" alt="搜尋"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">繁體中文<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:;" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/zh-tw/" title="首頁" class="phpgenera_Details_mainL1a">首頁</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/zh-tw/web-designer.html" class="phpgenera_Details_mainL1a">web前端</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/zh-tw/js-tutorial.html" class="phpgenera_Details_mainL1a">js教程</a> <img src="/static/imghw/top_right.png" alt="" /> <span>jQuery Validation PlugIn的使用方法詳解_jquery</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">jQuery Validation PlugIn的使用方法詳解_jquery</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/zh-tw/member/887227.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" src="/static/imghw/default1.png" alt="WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/zh-tw/member/887227.html" class="author_name">WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">May 16, 2016 pm 03:24 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">jquery</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">validate</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p><strong>一、用前必備? </strong><br> 官方網(wǎng)站：<span style="color: #3366ff"><strong>http://bassistance.de/jquery-plugins/jquery-plugin-validation/? <br> </strong></span>API: <span style="color: #3366ff"><strong>http://jquery.bassistance.de/api-browser/plugins.html? </strong></span><br> 目前版本：1.5.5? <br> 需要JQuery版本：1.2.6+, 相容 1.3.2? <br> ? <br> ??<br> <strong>二、預(yù)設(shè)校驗規(guī)則? <br> </strong></p> <ul> <li>(1)required:true??????????????? 必輸與欄位?</li> <li>(2)remote:"check.php"?????使用ajax方法呼叫check.php驗證輸入值?</li> <li>(3)email:true??????????????????? 必須輸入正確格式的電子郵件?</li> <li>(4)url:true?????????????????????? ?且必須輸入使用正確格式的網(wǎng)址?</li> <li>(5)date:true??????????????????? ?必須以正確格式所輸入的日期?</li> <li>(6)dateISO:true??????????????? 必須輸入正確格式的日期(ISO)，例如：2009-06-23，1998/01/22 只驗證格式，例如：2009-06-23，1998/01/22 只驗證格式，且不驗證效用 </li>(7)number:true????????????????(負(fù)數(shù)，且小數(shù))?<li> </li>(8)digits:true??????????????????? 必須輸入為整數(shù)?<li> </li>(9)creditcard:?????????????????? 必須以法定的信用卡號為?<li> </li>(10)equalTo:"#field"?????????? 輸入值與上相同?<li> </li>(11)accept:???????????????????以 <li>(12)maxlength:5??????????????? 輸入長度中以5的字串(漢字算為字元)?</li> <li>(13)minlength:10?????????????? 輸入長度的最小為10字串(漢字算字元)?</li> <li>(14)rangelength:[5,10]????????輸入長度必須介於 5 和 10 之間的字串")(漢字算一個字元)?</li> <li>(15)range:[5,10]???????????????? 輸入值必須在 5 與 10 之間?</li> <li>(16)max:5?????????????????????? ? 輸入值無法大於5?</li> <li>(17)min:10???????????????????????以而言無法小於10??</li> <li> <br> </li> </ul>三、預(yù)設(shè)的提示? <p> <strong><br> </strong> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> messages: { required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date.", dateISO: "Please enter a valid date (ISO).", dateDE: "Bitte geben Sie ein g眉ltiges Datum ein.", number: "Please enter a valid number.", numberDE: "Bitte geben Sie eine Nummer ein.", digits: "Please enter only digits", creditcard: "Please enter a valid credit card number.", equalTo: "Please enter the same value again.", accept: "Please enter a value with a valid extension.", maxlength: $.validator.format("Please enter no more than {0} characters."), minlength: $.validator.format("Please enter at least {0} characters."), rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."), range: $.validator.format("Please enter a value between {0} and {1}."), max: $.validator.format("Please enter a value less than or equal to {0}."), min: $.validator.format("Please enter a value greater than or equal to {0}.") }, </pre>如需修改，可在js程式碼中加入：? </div> <p> <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> jQuery.extend(jQuery.validator.messages, { required: "必選字段", remote: "請修正該字段", email: "請輸入正確格式的電子郵件", url: "請輸入合法的網(wǎng)址", date: "請輸入合法的日期", dateISO: "請輸入合法的日期 (ISO).", number: "請輸入合法的數(shù)字", digits: "只能輸入整數(shù)", creditcard: "請輸入合法的信用卡號", equalTo: "請再次輸入相同的值", accept: "請輸入擁有合法后綴名的字符串", maxlength: jQuery.validator.format("請輸入一個長度最多是 {0} 的字符串"), minlength: jQuery.validator.format("請輸入一個長度最少是 {0} 的字符串"), rangelength: jQuery.validator.format("請輸入一個長度介于 {0} 和 {1} 之間的字符串"), range: jQuery.validator.format("請輸入一個介于 {0} 和 {1} 之間的值"), max: jQuery.validator.format("請輸入一個最大為 {0} 的值"), min: jQuery.validator.format("請輸入一個最小為 {0} 的值") }); </pre></div><p>建議做法，<span style="color: #800000"><strong>將此檔案放入messages_cn.js中，在頁面中引入? </strong> [codept src="../js/messages_cn.js" type="text/javascript"></script>?[/code</span> <br />四、使用方式? <br /> <strong>1.將校驗規(guī)則寫到控制中? <br /> </strong> <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> <script src="./js/jquery.metadata.js" type="text/javascript"></script> $().ready(function() { $("#signupForm").validate(); }); <form id="signupForm" method="get" action=""> <p> <label for="firstname">Firstname</label> <input id="firstname" name="firstname" class="required" /> </p> <p> <label for="email">E-Mail</label> <input id="email" name="email" class="required email" /> </p> <p> <label for="password">Password</label> <input id="password" name="password" type="password" class="{required:true,minlength:5}" /> </p> <p> <label for="confirm_password">確認(rèn)密碼</label> <input id="confirm_password" name="confirm_password" type="password" class="{required:true,minlength:5,equalTo:'#password'}" /> </p> <p> <input class="submit" type="submit" value="Submit"/> </p> </form> </pre>使用class="{}"的方式，必須引入套件：jquery.metadata.js? </div> 可以使用以下的方法，修改提示內(nèi)容：? <p> <br /><br /><div id="377j5v51b" class="codetitle"><span>複製程式碼<a style="CURSOR: pointer" data="26855" class="copybut" id="copybut26855" onclick="doCopy('code26855')"><U></U> 程式碼如下:</a></span>class="{required:true,minlength:5,messages:{required:'請輸入內(nèi)容'}}"</div> <br /> 在使用equalTo關(guān)鍵字時，后面的內(nèi)容必須加上引號，如下代碼： <br /> <div id="377j5v51b" class="codetitle"><span><a style="CURSOR: pointer" data="18569" class="copybut" id="copybut18569" onclick="doCopy('code18569')"><U>復(fù)制代碼</U></a></span> 代碼如下:</div><div id="377j5v51b" class="codebody" id="code18569">class="{required:true,minlength:5,equalTo:'#password'}"</div> <br /> 另外一個方式，使用關(guān)鍵字：meta（為了元數(shù)據(jù)使用其他插件你要包裝 你的驗證規(guī)則 在他們自己的項目中可以用這個特殊的選項） <br /> 再有一種方式： <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> $.metadata.setType("attr", "validate"); </pre> </div> <p>這樣可以使用validate="{required:true}"的方式，或者class="required"，但class="{required:true,minlength:5}"將不起作用 <br /> 2.將校驗規(guī)則寫到代碼中 <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> $().ready(function() { $("#signupForm").validate({ rules: { firstname: "required", email: { required: true, email: true }, password: { required: true, minlength: 5 }, confirm_password: { required: true, minlength: 5, equalTo: "#password" } }, messages: { firstname: "請輸入姓名", email: { required: "請輸入Email地址", email: "請輸入正確的email地址" }, password: { required: "請輸入密碼", minlength: jQuery.format("密碼不能小于{0}個字符") }, confirm_password: { required: "請輸入確認(rèn)密碼", minlength: "確認(rèn)密碼不能小于5個字符", equalTo: "兩次輸入密碼不一致不一致" } } }); }); //messages處，如果某個控件沒有message，將調(diào)用默認(rèn)的信息 <form id="signupForm" method="get" action=""> <p> <label for="firstname">Firstname</label> <input id="firstname" name="firstname" /> </p> <p> <label for="email">E-Mail</label> <input id="email" name="email" /> </p> <p> <label for="password">Password</label> <input id="password" name="password" type="password" /> </p> <p> <label for="confirm_password">確認(rèn)密碼</label> <input id="confirm_password" name="confirm_password" type="password" /> </p> <p> <input class="submit" type="submit" value="Submit"/> </p> </form> </pre> </div> <p>required:true 必須有值 <br /> required:"#aa:checked"表達(dá)式的值為真，則需要驗證 <br /> required:function(){}返回為真，表時需要驗證 <br /> 后邊兩種常用于，表單中需要同時填或不填的元素 <br /> </p> <p><strong>五、實例講解</strong></p> <p><strong>實例一：</strong><span style="color: #800000"><strong>精簡驗證，通過表單對象調(diào)用validate()方法進(jìn)行驗證，驗證規(guī)則通過html標(biāo)簽屬性定義：以下為常用屬性定義距離</strong></span></p> <p>class='required' //必須字段<br /> class='mail' //郵箱驗證<br /> class='url' //URL網(wǎng)址驗證<br /> class='date' //正確的日期 格式滿足 2012，0204，2012-02-04<br /> class='number' //輸入合法的數(shù)字<br /> class='digits' //輸入整數(shù)<br /> minlength='' //最小輸入長度<br /> maxlength='' //最長輸入長度(該值不會提示，當(dāng)值達(dá)到一定字符數(shù)不可再增長)<br /> max='' //輸入的數(shù)值小于指定值<br /> min='' //輸入的數(shù)值大于指定值</p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery PlugIn - 表單驗證插件實例 Validate </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.validate.min.js"></script> <script type="text/javascript" src="messages_cn.js"></script> <style type="text/css"> * { font-family: Verdana; font-size:13px; } input[type='text']{width:200px;} textarea{width:155px;} label { width: 10em; float: left; } label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } </style> <script> $(document).ready(function(){ $("#commentForm").validate(); }); </script> </head> <body> <form id="commentForm" method="get" action="" > <fieldset> <legend>表單驗證</legend> <p><label>Name</label><input name="name" class="required" maxlength="4" minlength="2" /></p> <p><label >E-Mail</label><input name="email" class="required email" /></p> <p><label >URL</label><input name="url" class="url"/></p> <p><label>text</label><textarea name="text" cols="22" class="required"></textarea></p> <p><input class="submit" type="submit" value="提交"/></p> </fieldset> </form> </body> </html> </pre> </div> <p><strong>實例二：<span style="color: #800000">方法驗證，通過自定義表單規(guī)則來驗證表單</span></strong></p> <p></p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery PlugIn - 表單驗證插件實例 Validate </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.validate.min.js"></script> <script type="text/javascript" src="messages_cn.js"></script> <style type="text/css"> * { font-family: Verdana; font-size:13px; } input[type='text']{width:200px;} textarea{width:155px;} .title{float:left;width:10em} em.error { float: none; color: red; padding-left: .5em; vertical-align: top; } .field_notice{display:none;} .checking{display:none;} </style> <script> $(document).ready(function(){ $("#commentForm").validate({ errorPlacement: function(error, element){ var error_td = element.next('em'); error_td.find('.field_notice').hide(); error_td.append(error); }, success: function(label){ label.addClass('validate_right').text('OK!'); }, onkeyup: false, rules: { name: { required:true, minlength:3, maxlength:40, remote:{ url :'index.php?ajax=1', type:'get', data:{ name : function(){ return $('#name').val(); } }, beforeSend:function(){ var _checking = $('#checking'); _checking.prev('.field_notice').hide(); _checking.next('label').hide(); $(_checking).show(); }, complete :function(){ $('#checking').hide(); } } }, email: {required: true, email: true }, url:{required:true,url:true}, text:"required" }, messages: { name: {required:"需要輸入名稱", minlength:"名稱長度在3-40個字符之間", maxlength:"名稱長度在3-40個字符之間",remote:"用戶名已存在"}, email: {required:"需要輸入電子郵箱", email:"電子郵箱格式不正確"}, url: {required:"需要輸入URL地址", url:"URL地址格式不正確"}, text:"需要輸入文本內(nèi)容" }, }); }); </script> </head> <body> <form id="commentForm" method="get" action="" > <fieldset> <legend>表單驗證</legend> <p><label class="title" >Name</label><input id="name" name="name"/> <em><label class="field_notice"></label><label id="checking" class="checking">檢查中...</label></em> </p> <p><label class="title" >E-Mail</label><input name="email"/> <em><label class="field_notice"></label></em> </p> <p><label class="title" >URL</label><input name="url"/> <em><label class="field_notice"></label></em> </p> <p><label class="title" >text</label><textarea name="text" cols="22"></textarea> <em><label class="field_notice"></label></em> </p> <p><input class="submit" type="submit" value="提交"/></p> </fieldset> </form> </body> </html></pre> </div> <p></p> <p>以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助。</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">本網(wǎng)站聲明</div> <div>本文內(nèi)容由網(wǎng)友自願投稿，版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容，請聯(lián)絡(luò)admin@php.cn</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <div id="377j5v51b" class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <!-- <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門文章</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796832397.html" title="Grass Wonder Build Guide |烏瑪媽媽漂亮的德比" class="phpgenera_Details_mainR4_bottom_title">Grass Wonder Build Guide |烏瑪媽媽漂亮的德比</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796833110.html" title="<??>：在森林裡99夜 - 所有徽章以及如何解鎖" class="phpgenera_Details_mainR4_bottom_title"><??>：在森林裡99夜 - 所有徽章以及如何解鎖</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 週前</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831605.html" title="烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）" class="phpgenera_Details_mainR4_bottom_title">烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796836699.html" title="Rimworld Odyssey溫度指南和Gravtech" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey溫度指南和Gravtech</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831905.html" title="Windows安全是空白或不顯示選項" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/article.html">顯示更多</a> </div> </div> </div> --> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>熱AI工具</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>免費脫衣圖片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>用於從照片中去除衣服的線上人工智慧工具。</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI脫衣器</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/ai">顯示更多</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門文章</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796832397.html" title="Grass Wonder Build Guide |烏瑪媽媽漂亮的德比" class="phpgenera_Details_mainR4_bottom_title">Grass Wonder Build Guide |烏瑪媽媽漂亮的德比</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796833110.html" title="<??>：在森林裡99夜 - 所有徽章以及如何解鎖" class="phpgenera_Details_mainR4_bottom_title"><??>：在森林裡99夜 - 所有徽章以及如何解鎖</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 週前</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831605.html" title="烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）" class="phpgenera_Details_mainR4_bottom_title">烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796836699.html" title="Rimworld Odyssey溫度指南和Gravtech" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey溫度指南和Gravtech</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831905.html" title="Windows安全是空白或不顯示選項" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/article.html">顯示更多</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>熱工具</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="記事本++7.3.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title"> <h3>記事本++7.3.1</h3> </a> <p>好用且免費的程式碼編輯器</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3漢化版" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_title"> <h3>SublimeText3漢化版</h3> </a> <p>中文版，非常好用</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="禪工作室 13.0.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title"> <h3>禪工作室 13.0.1</h3> </a> <p>強大的PHP整合開發(fā)環(huán)境</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>視覺化網(wǎng)頁開發(fā)工具</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac版</h3> </a> <p>神級程式碼編輯軟體(SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/ai">顯示更多</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門話題</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/laravel-tutori" title="Laravel 教程" class="phpgenera_Details_mainR4_bottom_title">Laravel 教程</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1600</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>29</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/php-tutorial" title="PHP教程" class="phpgenera_Details_mainR4_bottom_title">PHP教程</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1502</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>276</span> </div> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/faq/zt">顯示更多</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main2"> <div id="377j5v51b" class="phpgenera_Details_mainL4"> <div id="377j5v51b" class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div id="377j5v51b" class="phpgenera_Details_mainL4_info"> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/691702.html" title="jQuery引用方法詳解：快速上手指南" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170903071539936.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery引用方法詳解：快速上手指南" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/691702.html" title="jQuery引用方法詳解：快速上手指南" class="phphistorical_Version2_mids_title">jQuery引用方法詳解：快速上手指南</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 27, 2024 pm 06:45 PM</span> <p class="Articlelist_txts_p">jQuery引用方法詳解：快速上手指南jQuery是一個受歡迎的JavaScript庫，被廣泛用於網(wǎng)站開發(fā)中，它簡化了JavaScript編程，並為開發(fā)者提供了豐富的功能和特性。本文將詳細(xì)介紹jQuery的引用方法，並提供具體的程式碼範(fàn)例，幫助讀者快速上手。引入jQuery首先，我們需要在HTML檔案中引入jQuery函式庫?？梢酝高^CDN連結(jié)的方式引入，也可以下載</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692694.html" title="jQuery中如何使用PUT請求方式？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/000/164/170910433346845.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery中如何使用PUT請求方式？" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692694.html" title="jQuery中如何使用PUT請求方式？" class="phphistorical_Version2_mids_title">jQuery中如何使用PUT請求方式？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 03:12 PM</span> <p class="Articlelist_txts_p">jQuery中如何使用PUT請求方式？在jQuery中，發(fā)送PUT請求的方法與發(fā)送其他類型的請求類似，但需要注意一些細(xì)節(jié)和參數(shù)設(shè)定。 PUT請求通常用於更新資源，例如更新資料庫中的資料或更新伺服器上的檔案。以下是在jQuery中使用PUT請求方式的具體程式碼範(fàn)例。首先，確保引入了jQuery庫文件，然後可以透過以下方式發(fā)送PUT請求：$.ajax({u</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/693182.html" title="jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170912557218266.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/693182.html" title="jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本" class="phphistorical_Version2_mids_title">jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 09:06 PM</span> <p class="Articlelist_txts_p">標(biāo)題：jQuery小技巧：快速修改頁面所有a標(biāo)籤的文字在網(wǎng)頁開發(fā)中，我們經(jīng)常需要對頁面中的元素進(jìn)行修改和操作。使用jQuery時，有時候需要一次修改頁面中所有a標(biāo)籤的文字內(nèi)容，這樣可以節(jié)省時間和精力。以下將介紹如何使用jQuery快速修改頁面所有a標(biāo)籤的文本，同時給出具體的程式碼範(fàn)例。首先，我們需要引入jQuery庫文件，確保在頁面中引入了以下程式碼：<</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692928.html" title="使用jQuery修改所有a標(biāo)籤的文字內(nèi)容" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170911333171493.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用jQuery修改所有a標(biāo)籤的文字內(nèi)容" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692928.html" title="使用jQuery修改所有a標(biāo)籤的文字內(nèi)容" class="phphistorical_Version2_mids_title">使用jQuery修改所有a標(biāo)籤的文字內(nèi)容</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 05:42 PM</span> <p class="Articlelist_txts_p">標(biāo)題：使用jQuery修改所有a標(biāo)籤的文字內(nèi)容jQuery是一款受歡迎的JavaScript庫，被廣泛用於處理DOM操作。在網(wǎng)頁開發(fā)中，經(jīng)常會遇到需要修改頁面上連結(jié)標(biāo)籤（a標(biāo)籤）的文字內(nèi)容的需求。本文將介紹如何使用jQuery來實現(xiàn)這個目標(biāo)，並提供具體的程式碼範(fàn)例。首先，我們需要在頁面中引入jQuery庫。在HTML檔案中加入以下程式碼：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692099.html" title="jQuery如何移除元素的height屬性？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170908075260378.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery如何移除元素的height屬性？" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692099.html" title="jQuery如何移除元素的height屬性？" class="phphistorical_Version2_mids_title">jQuery如何移除元素的height屬性？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 am 08:39 AM</span> <p class="Articlelist_txts_p">jQuery如何移除元素的height屬性？在前端開發(fā)中，經(jīng)常會遇到需要操作元素的高度屬性的需求。有時候，我們可能需要動態(tài)改變元素的高度，而有時候又需要移除元素的高度屬性。本文將介紹如何使用jQuery來移除元素的高度屬性，並提供具體的程式碼範(fàn)例。在使用jQuery操作高度屬性之前，我們首先需要了解CSS中的height屬性。 height屬性用於設(shè)定元素的高度</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692515.html" title="了解jQuery中eq的作用及應(yīng)用場景" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170909731284988.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="了解jQuery中eq的作用及應(yīng)用場景" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692515.html" title="了解jQuery中eq的作用及應(yīng)用場景" class="phphistorical_Version2_mids_title">了解jQuery中eq的作用及應(yīng)用場景</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 01:15 PM</span> <p class="Articlelist_txts_p">jQuery是一種流行的JavaScript庫，被廣泛用於處理網(wǎng)頁中的DOM操作和事件處理。在jQuery中，eq()方法是用來選擇指定索引位置的元素的方法，具體使用方法和應(yīng)用場景如下。在jQuery中，eq()方法選擇指定索引位置的元素。索引位置從0開始計數(shù)，即第一個元素的索引是0，第二個元素的索引是1，依此類推。 eq()方法的語法如下：$("s</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/693378.html" title="使用jQuery為表格新增一行的方法介紹" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170916553144887.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用jQuery為表格新增一行的方法介紹" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/693378.html" title="使用jQuery為表格新增一行的方法介紹" class="phphistorical_Version2_mids_title">使用jQuery為表格新增一行的方法介紹</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 29, 2024 am 08:12 AM</span> <p class="Articlelist_txts_p">jQuery是一個受歡迎的JavaScript函式庫，廣泛用於網(wǎng)頁開發(fā)。在網(wǎng)頁開發(fā)過程中，經(jīng)常需要透過JavaScript動態(tài)地在表格中新增一行。本文將介紹如何使用jQuery為表格新增一行，並提供具體的程式碼範(fàn)例。首先，我們需要在HTML頁面中引入jQuery函式庫?？梢酝高^以下程式碼在標(biāo)籤中引入jQuery庫：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/693462.html" title="如何判斷jQuery元素是否具有特定屬性？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/000/164/170916859138598.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何判斷jQuery元素是否具有特定屬性？" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/693462.html" title="如何判斷jQuery元素是否具有特定屬性？" class="phphistorical_Version2_mids_title">如何判斷jQuery元素是否具有特定屬性？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 29, 2024 am 09:03 AM</span> <p class="Articlelist_txts_p">如何判斷jQuery元素是否具有特定屬性？在使用jQuery操作DOM元素時，常會遇到需要判斷元素是否具有某個特定屬性的情況。在這種情況下，我們可以藉助jQuery提供的方法來輕鬆實現(xiàn)這項功能。以下將介紹兩種常用的方法來判斷一個jQuery元素是否具有特定屬性，並附上具體的程式碼範(fàn)例。方法一：使用attr()方法和typeof運算子//判斷元素是否具有特定屬</p> </div> </div> <a href="http://www.miracleart.cn/zh-tw/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div id="377j5v51b" class="footer"> <div id="377j5v51b" class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>公益線上PHP培訓(xùn)，幫助PHP學(xué)習(xí)者快速成長！</p> </div> <div id="377j5v51b" class="footermid"> <a href="http://www.miracleart.cn/zh-tw/about/us.html">關(guān)於我們</a> <a href="http://www.miracleart.cn/zh-tw/about/disclaimer.html">免責(zé)聲明</a> <a href="http://www.miracleart.cn/zh-tw/update/article_0_1.html">Sitemap</a> </div> <div id="377j5v51b" class="footerbottom"> <p> ? php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="o0yow" class="pl_css_ganrao" style="display: none;"><rt id="o0yow"><small id="o0yow"><wbr id="o0yow"></wbr></small></rt><abbr id="o0yow"></abbr><em id="o0yow"></em><cite id="o0yow"></cite><option id="o0yow"><object id="o0yow"><option id="o0yow"></option></object></option><u id="o0yow"></u><table id="o0yow"><address id="o0yow"><table id="o0yow"><xmp id="o0yow"></xmp></table></address></table><tfoot id="o0yow"><pre id="o0yow"><rt id="o0yow"></rt></pre></tfoot><pre id="o0yow"><ol id="o0yow"><font id="o0yow"></font></ol></pre><code id="o0yow"></code><table id="o0yow"><address id="o0yow"><table id="o0yow"><wbr id="o0yow"></wbr></table></address></table><big id="o0yow"></big><input id="o0yow"><del id="o0yow"><i id="o0yow"><del id="o0yow"></del></i></del></input><dfn id="o0yow"><listing id="o0yow"></listing></dfn><strong id="o0yow"></strong><tr id="o0yow"><noframes id="o0yow"><center id="o0yow"></center></noframes></tr><label id="o0yow"><sub id="o0yow"><menu id="o0yow"></menu></sub></label><li id="o0yow"><tbody id="o0yow"><button id="o0yow"></button></tbody></li><table id="o0yow"><address id="o0yow"></address></table><small id="o0yow"></small><video id="o0yow"></video><dl id="o0yow"></dl><source id="o0yow"><abbr id="o0yow"></abbr></source><dd id="o0yow"><strong id="o0yow"><blockquote id="o0yow"></blockquote></strong></dd><tr id="o0yow"></tr><thead id="o0yow"></thead><kbd id="o0yow"></kbd><table id="o0yow"><xmp id="o0yow"><li id="o0yow"></li></xmp></table><noframes id="o0yow"></noframes><pre id="o0yow"><ol id="o0yow"><pre id="o0yow"><rt id="o0yow"></rt></pre></ol></pre><button id="o0yow"></button><th id="o0yow"></th><fieldset id="o0yow"><center id="o0yow"><th id="o0yow"></th></center></fieldset><table id="o0yow"></table><font id="o0yow"><strong id="o0yow"><blockquote id="o0yow"></blockquote></strong></font><dfn id="o0yow"></dfn><nobr id="o0yow"></nobr><small id="o0yow"><progress id="o0yow"><track id="o0yow"></track></progress></small><strike id="o0yow"></strike><ruby id="o0yow"></ruby><video id="o0yow"></video><blockquote id="o0yow"></blockquote><pre id="o0yow"><menu id="o0yow"><font id="o0yow"></font></menu></pre><samp id="o0yow"><i id="o0yow"><del id="o0yow"></del></i></samp><pre id="o0yow"></pre><optgroup id="o0yow"><td id="o0yow"><form id="o0yow"></form></td></optgroup><dfn id="o0yow"><em id="o0yow"><pre id="o0yow"></pre></em></dfn><ol id="o0yow"><font id="o0yow"><object id="o0yow"></object></font></ol><del id="o0yow"><fieldset id="o0yow"><output id="o0yow"><fieldset id="o0yow"></fieldset></output></fieldset></del><code id="o0yow"><ins id="o0yow"></ins></code><li id="o0yow"><legend id="o0yow"><li id="o0yow"></li></legend></li><rt id="o0yow"><small id="o0yow"></small></rt><fieldset id="o0yow"></fieldset><dd id="o0yow"><strong id="o0yow"></strong></dd><dl id="o0yow"><li id="o0yow"><tbody id="o0yow"><em id="o0yow"></em></tbody></li></dl><pre id="o0yow"><ol id="o0yow"><font id="o0yow"><wbr id="o0yow"></wbr></font></ol></pre><menu id="o0yow"></menu><xmp id="o0yow"></xmp><strong id="o0yow"><dfn id="o0yow"><label id="o0yow"></label></dfn></strong><kbd id="o0yow"><th id="o0yow"><center id="o0yow"></center></th></kbd><tr id="o0yow"></tr><table id="o0yow"><xmp id="o0yow"><label id="o0yow"><xmp id="o0yow"></xmp></label></xmp></table><tr id="o0yow"><dfn id="o0yow"></dfn></tr><table id="o0yow"></table><sup id="o0yow"><table id="o0yow"><address id="o0yow"></address></table></sup><td id="o0yow"></td><li id="o0yow"></li><input id="o0yow"></input><thead id="o0yow"></thead><fieldset id="o0yow"></fieldset><s id="o0yow"><samp id="o0yow"><strong id="o0yow"></strong></samp></s><strike id="o0yow"></strike><optgroup id="o0yow"><sub id="o0yow"><optgroup id="o0yow"></optgroup></sub></optgroup><i id="o0yow"><del id="o0yow"></del></i><style id="o0yow"></style><tfoot id="o0yow"></tfoot><form id="o0yow"></form><s id="o0yow"><samp id="o0yow"><thead id="o0yow"></thead></samp></s><font id="o0yow"></font><strike id="o0yow"></strike><center id="o0yow"></center><dd id="o0yow"><strong id="o0yow"><dd id="o0yow"><small id="o0yow"></small></dd></strong></dd><menuitem id="o0yow"></menuitem><mark id="o0yow"></mark><strong id="o0yow"></strong><tr id="o0yow"></tr><fieldset id="o0yow"><rp id="o0yow"></rp></fieldset><dl id="o0yow"><button id="o0yow"><input id="o0yow"></input></button></dl><rt id="o0yow"><delect id="o0yow"><wbr id="o0yow"></wbr></delect></rt><center id="o0yow"></center><em id="o0yow"></em><b id="o0yow"><s id="o0yow"><samp id="o0yow"></samp></s></b><strike id="o0yow"><video id="o0yow"><strike id="o0yow"><button id="o0yow"></button></strike></video></strike><legend id="o0yow"></legend><code id="o0yow"></code><button id="o0yow"></button><abbr id="o0yow"><form id="o0yow"><optgroup id="o0yow"><blockquote id="o0yow"></blockquote></optgroup></form></abbr><noframes id="o0yow"><rt id="o0yow"><optgroup id="o0yow"></optgroup></rt></noframes><s id="o0yow"><b id="o0yow"><i id="o0yow"></i></b></s><dl id="o0yow"></dl><tfoot id="o0yow"><pre id="o0yow"></pre></tfoot><samp id="o0yow"></samp><button id="o0yow"><input id="o0yow"><button id="o0yow"></button></input></button><s id="o0yow"><kbd id="o0yow"></kbd></s><fieldset id="o0yow"><rp id="o0yow"><label id="o0yow"></label></rp></fieldset><style id="o0yow"><progress id="o0yow"><small id="o0yow"></small></progress></style><xmp id="o0yow"></xmp><samp id="o0yow"></samp><track id="o0yow"><ol id="o0yow"><option id="o0yow"></option></ol></track><var id="o0yow"></var><kbd id="o0yow"><strong id="o0yow"><mark id="o0yow"></mark></strong></kbd><label id="o0yow"></label><optgroup id="o0yow"></optgroup><pre id="o0yow"></pre><ol id="o0yow"></ol><acronym id="o0yow"></acronym><big id="o0yow"></big><font id="o0yow"></font><fieldset id="o0yow"></fieldset><rt id="o0yow"><small id="o0yow"></small></rt><delect id="o0yow"></delect><sup id="o0yow"><table id="o0yow"><acronym id="o0yow"></acronym></table></sup><em id="o0yow"></em><pre id="o0yow"></pre><b id="o0yow"></b><pre id="o0yow"><em id="o0yow"><s id="o0yow"><kbd id="o0yow"></kbd></s></em></pre><strong id="o0yow"></strong><rp id="o0yow"></rp><wbr id="o0yow"></wbr><font id="o0yow"></font><xmp id="o0yow"><bdo id="o0yow"><mark id="o0yow"></mark></bdo></xmp><table id="o0yow"></table><samp id="o0yow"><tbody id="o0yow"><output id="o0yow"></output></tbody></samp><strong id="o0yow"></strong><s id="o0yow"><samp id="o0yow"><i id="o0yow"></i></samp></s><fieldset id="o0yow"><rp id="o0yow"><th id="o0yow"></th></rp></fieldset><listing id="o0yow"></listing><kbd id="o0yow"><strong id="o0yow"><rp id="o0yow"></rp></strong></kbd><li id="o0yow"></li><sub id="o0yow"></sub><button id="o0yow"><dl id="o0yow"></dl></button><font id="o0yow"><strong id="o0yow"><dd id="o0yow"><small id="o0yow"></small></dd></strong></font><noframes id="o0yow"></noframes><progress id="o0yow"><track id="o0yow"></track></progress><menuitem id="o0yow"></menuitem><pre id="o0yow"><em id="o0yow"><td id="o0yow"></td></em></pre><tfoot id="o0yow"><track id="o0yow"></track></tfoot><table id="o0yow"><wbr id="o0yow"><ul id="o0yow"></ul></wbr></table><dfn id="o0yow"></dfn></div> </html>
URL<\/label><\/p>\n text<\/label><\/textarea><\/p>\n <p><input class=\"submit\" type=\"submit\" value=\"提交\"\/><\/p>\n <\/fieldset>\n <\/form>\n<\/body>\n<\/html>\n<\/pre>\n<\/div>\n<p><strong>實例二：<span style=\"color: #800000\">方法驗證，通過自定義表單規(guī)則來驗證表單<\/span><\/strong><\/p>\n<p><\/p>\n<div id="377j5v51b" class=\"jb51code\">\n<pre class='brush:php;toolbar:false;'>\n<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\">\n<html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<head>\n <title>jQuery PlugIn - 表單驗證插件實例 Validate <\/title>\n <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\" \/>\n <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/zh-tw/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="社群" class="head_nava head_nava-template1">社群</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/article.html" title="文章" class="languagechoosea on">文章</a> <a href="http://www.miracleart.cn/zh-tw/faq/zt" title="合集" class="languagechoosea">合集</a> <a href="http://www.miracleart.cn/zh-tw/wenda.html" title="問答" class="languagechoosea">問答</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)習(xí)" class="head_nava head_nava-template1_1">學(xué)習(xí)</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/course.html" title="課程" class="languagechoosea on">課程</a> <a href="http://www.miracleart.cn/zh-tw/dic/" title="程式設(shè)計字典" class="languagechoosea">程式設(shè)計字典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="工具庫" class="head_nava head_nava-template1_2">工具庫</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools" title="開發(fā)工具" class="languagechoosea on">開發(fā)工具</a> <a href="http://www.miracleart.cn/zh-tw/toolset/website-source-code" title="網(wǎng)站源碼" class="languagechoosea">網(wǎng)站源碼</a> <a href="http://www.miracleart.cn/zh-tw/toolset/php-libraries" title="PHP 函式庫" class="languagechoosea">PHP 函式庫</a> <a href="http://www.miracleart.cn/zh-tw/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a> <a href="http://www.miracleart.cn/zh-tw/toolset/website-materials" title="網(wǎng)站素材" class="languagechoosea on">網(wǎng)站素材</a> <a href="http://www.miracleart.cn/zh-tw/toolset/extension-plug-ins" title="擴(kuò)充插件" class="languagechoosea on">擴(kuò)充插件</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/zh-tw/ai" title="AI工具" class="head_nava head_nava-template1_3">AI工具</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="休閒" class="head_nava head_nava-template1_3">休閒</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/game" title="遊戲下載" class="languagechoosea on">遊戲下載</a> <a href="http://www.miracleart.cn/zh-tw/mobile-game-tutorial/" title="遊戲教程" class="languagechoosea">遊戲教程</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('zh-tw')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="搜尋" onclick="searchs('zh-tw')"><img src="/static/imghw/find.png" alt="搜尋"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">繁體中文<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:;" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/zh-tw/" title="首頁" class="phpgenera_Details_mainL1a">首頁</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/zh-tw/web-designer.html" class="phpgenera_Details_mainL1a">web前端</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/zh-tw/js-tutorial.html" class="phpgenera_Details_mainL1a">js教程</a> <img src="/static/imghw/top_right.png" alt="" /> <span>jQuery Validation PlugIn的使用方法詳解_jquery</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">jQuery Validation PlugIn的使用方法詳解_jquery</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/zh-tw/member/887227.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" src="/static/imghw/default1.png" alt="WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/zh-tw/member/887227.html" class="author_name">WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">May 16, 2016 pm 03:24 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">jquery</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">validate</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p><strong>一、用前必備? </strong><br> 官方網(wǎng)站：<span style="color: #3366ff"><strong>http://bassistance.de/jquery-plugins/jquery-plugin-validation/? <br> </strong></span>API: <span style="color: #3366ff"><strong>http://jquery.bassistance.de/api-browser/plugins.html? </strong></span><br> 目前版本：1.5.5? <br> 需要JQuery版本：1.2.6+, 相容 1.3.2? <br> ? <br> ??<br> <strong>二、預(yù)設(shè)校驗規(guī)則? <br> </strong></p> <ul> <li>(1)required:true??????????????? 必輸與欄位?</li> <li>(2)remote:"check.php"?????使用ajax方法呼叫check.php驗證輸入值?</li> <li>(3)email:true??????????????????? 必須輸入正確格式的電子郵件?</li> <li>(4)url:true?????????????????????? ?且必須輸入使用正確格式的網(wǎng)址?</li> <li>(5)date:true??????????????????? ?必須以正確格式所輸入的日期?</li> <li>(6)dateISO:true??????????????? 必須輸入正確格式的日期(ISO)，例如：2009-06-23，1998/01/22 只驗證格式，例如：2009-06-23，1998/01/22 只驗證格式，且不驗證效用 </li>(7)number:true????????????????(負(fù)數(shù)，且小數(shù))?<li> </li>(8)digits:true??????????????????? 必須輸入為整數(shù)?<li> </li>(9)creditcard:?????????????????? 必須以法定的信用卡號為?<li> </li>(10)equalTo:"#field"?????????? 輸入值與上相同?<li> </li>(11)accept:???????????????????以 <li>(12)maxlength:5??????????????? 輸入長度中以5的字串(漢字算為字元)?</li> <li>(13)minlength:10?????????????? 輸入長度的最小為10字串(漢字算字元)?</li> <li>(14)rangelength:[5,10]????????輸入長度必須介於 5 和 10 之間的字串")(漢字算一個字元)?</li> <li>(15)range:[5,10]???????????????? 輸入值必須在 5 與 10 之間?</li> <li>(16)max:5?????????????????????? ? 輸入值無法大於5?</li> <li>(17)min:10???????????????????????以而言無法小於10??</li> <li> <br> </li> </ul>三、預(yù)設(shè)的提示? <p> <strong><br> </strong> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> messages: { required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date.", dateISO: "Please enter a valid date (ISO).", dateDE: "Bitte geben Sie ein g眉ltiges Datum ein.", number: "Please enter a valid number.", numberDE: "Bitte geben Sie eine Nummer ein.", digits: "Please enter only digits", creditcard: "Please enter a valid credit card number.", equalTo: "Please enter the same value again.", accept: "Please enter a value with a valid extension.", maxlength: $.validator.format("Please enter no more than {0} characters."), minlength: $.validator.format("Please enter at least {0} characters."), rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."), range: $.validator.format("Please enter a value between {0} and {1}."), max: $.validator.format("Please enter a value less than or equal to {0}."), min: $.validator.format("Please enter a value greater than or equal to {0}.") }, </pre>如需修改，可在js程式碼中加入：? </div> <p> <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> jQuery.extend(jQuery.validator.messages, { required: "必選字段", remote: "請修正該字段", email: "請輸入正確格式的電子郵件", url: "請輸入合法的網(wǎng)址", date: "請輸入合法的日期", dateISO: "請輸入合法的日期 (ISO).", number: "請輸入合法的數(shù)字", digits: "只能輸入整數(shù)", creditcard: "請輸入合法的信用卡號", equalTo: "請再次輸入相同的值", accept: "請輸入擁有合法后綴名的字符串", maxlength: jQuery.validator.format("請輸入一個長度最多是 {0} 的字符串"), minlength: jQuery.validator.format("請輸入一個長度最少是 {0} 的字符串"), rangelength: jQuery.validator.format("請輸入一個長度介于 {0} 和 {1} 之間的字符串"), range: jQuery.validator.format("請輸入一個介于 {0} 和 {1} 之間的值"), max: jQuery.validator.format("請輸入一個最大為 {0} 的值"), min: jQuery.validator.format("請輸入一個最小為 {0} 的值") }); </pre></div><p>建議做法，<span style="color: #800000"><strong>將此檔案放入messages_cn.js中，在頁面中引入? </strong> [codept src="../js/messages_cn.js" type="text/javascript"></script>?[/code</span> <br />四、使用方式? <br /> <strong>1.將校驗規(guī)則寫到控制中? <br /> </strong> <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> <script src="./js/jquery.metadata.js" type="text/javascript"></script> $().ready(function() { $("#signupForm").validate(); }); <form id="signupForm" method="get" action=""> <p> <label for="firstname">Firstname</label> <input id="firstname" name="firstname" class="required" /> </p> <p> <label for="email">E-Mail</label> <input id="email" name="email" class="required email" /> </p> <p> <label for="password">Password</label> <input id="password" name="password" type="password" class="{required:true,minlength:5}" /> </p> <p> <label for="confirm_password">確認(rèn)密碼</label> <input id="confirm_password" name="confirm_password" type="password" class="{required:true,minlength:5,equalTo:'#password'}" /> </p> <p> <input class="submit" type="submit" value="Submit"/> </p> </form> </pre>使用class="{}"的方式，必須引入套件：jquery.metadata.js? </div> 可以使用以下的方法，修改提示內(nèi)容：? <p> <br /><br /><div id="377j5v51b" class="codetitle"><span>複製程式碼<a style="CURSOR: pointer" data="26855" class="copybut" id="copybut26855" onclick="doCopy('code26855')"><U></U> 程式碼如下:</a></span>class="{required:true,minlength:5,messages:{required:'請輸入內(nèi)容'}}"</div> <br /> 在使用equalTo關(guān)鍵字時，后面的內(nèi)容必須加上引號，如下代碼： <br /> <div id="377j5v51b" class="codetitle"><span><a style="CURSOR: pointer" data="18569" class="copybut" id="copybut18569" onclick="doCopy('code18569')"><U>復(fù)制代碼</U></a></span> 代碼如下:</div><div id="377j5v51b" class="codebody" id="code18569">class="{required:true,minlength:5,equalTo:'#password'}"</div> <br /> 另外一個方式，使用關(guān)鍵字：meta（為了元數(shù)據(jù)使用其他插件你要包裝 你的驗證規(guī)則 在他們自己的項目中可以用這個特殊的選項） <br /> 再有一種方式： <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> $.metadata.setType("attr", "validate"); </pre> </div> <p>這樣可以使用validate="{required:true}"的方式，或者class="required"，但class="{required:true,minlength:5}"將不起作用 <br /> 2.將校驗規(guī)則寫到代碼中 <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> $().ready(function() { $("#signupForm").validate({ rules: { firstname: "required", email: { required: true, email: true }, password: { required: true, minlength: 5 }, confirm_password: { required: true, minlength: 5, equalTo: "#password" } }, messages: { firstname: "請輸入姓名", email: { required: "請輸入Email地址", email: "請輸入正確的email地址" }, password: { required: "請輸入密碼", minlength: jQuery.format("密碼不能小于{0}個字符") }, confirm_password: { required: "請輸入確認(rèn)密碼", minlength: "確認(rèn)密碼不能小于5個字符", equalTo: "兩次輸入密碼不一致不一致" } } }); }); //messages處，如果某個控件沒有message，將調(diào)用默認(rèn)的信息 <form id="signupForm" method="get" action=""> <p> <label for="firstname">Firstname</label> <input id="firstname" name="firstname" /> </p> <p> <label for="email">E-Mail</label> <input id="email" name="email" /> </p> <p> <label for="password">Password</label> <input id="password" name="password" type="password" /> </p> <p> <label for="confirm_password">確認(rèn)密碼</label> <input id="confirm_password" name="confirm_password" type="password" /> </p> <p> <input class="submit" type="submit" value="Submit"/> </p> </form> </pre> </div> <p>required:true 必須有值 <br /> required:"#aa:checked"表達(dá)式的值為真，則需要驗證 <br /> required:function(){}返回為真，表時需要驗證 <br /> 后邊兩種常用于，表單中需要同時填或不填的元素 <br /> </p> <p><strong>五、實例講解</strong></p> <p><strong>實例一：</strong><span style="color: #800000"><strong>精簡驗證，通過表單對象調(diào)用validate()方法進(jìn)行驗證，驗證規(guī)則通過html標(biāo)簽屬性定義：以下為常用屬性定義距離</strong></span></p> <p>class='required' //必須字段<br /> class='mail' //郵箱驗證<br /> class='url' //URL網(wǎng)址驗證<br /> class='date' //正確的日期 格式滿足 2012，0204，2012-02-04<br /> class='number' //輸入合法的數(shù)字<br /> class='digits' //輸入整數(shù)<br /> minlength='' //最小輸入長度<br /> maxlength='' //最長輸入長度(該值不會提示，當(dāng)值達(dá)到一定字符數(shù)不可再增長)<br /> max='' //輸入的數(shù)值小于指定值<br /> min='' //輸入的數(shù)值大于指定值</p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery PlugIn - 表單驗證插件實例 Validate </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.validate.min.js"></script> <script type="text/javascript" src="messages_cn.js"></script> <style type="text/css"> * { font-family: Verdana; font-size:13px; } input[type='text']{width:200px;} textarea{width:155px;} label { width: 10em; float: left; } label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } </style> <script> $(document).ready(function(){ $("#commentForm").validate(); }); </script> </head> <body> <form id="commentForm" method="get" action="" > <fieldset> <legend>表單驗證</legend> <p><label>Name</label><input name="name" class="required" maxlength="4" minlength="2" /></p> <p><label >E-Mail</label><input name="email" class="required email" /></p> <p><label >URL</label><input name="url" class="url"/></p> <p><label>text</label><textarea name="text" cols="22" class="required"></textarea></p> <p><input class="submit" type="submit" value="提交"/></p> </fieldset> </form> </body> </html> </pre> </div> <p><strong>實例二：<span style="color: #800000">方法驗證，通過自定義表單規(guī)則來驗證表單</span></strong></p> <p></p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery PlugIn - 表單驗證插件實例 Validate </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.validate.min.js"></script> <script type="text/javascript" src="messages_cn.js"></script> <style type="text/css"> * { font-family: Verdana; font-size:13px; } input[type='text']{width:200px;} textarea{width:155px;} .title{float:left;width:10em} em.error { float: none; color: red; padding-left: .5em; vertical-align: top; } .field_notice{display:none;} .checking{display:none;} </style> <script> $(document).ready(function(){ $("#commentForm").validate({ errorPlacement: function(error, element){ var error_td = element.next('em'); error_td.find('.field_notice').hide(); error_td.append(error); }, success: function(label){ label.addClass('validate_right').text('OK!'); }, onkeyup: false, rules: { name: { required:true, minlength:3, maxlength:40, remote:{ url :'index.php?ajax=1', type:'get', data:{ name : function(){ return $('#name').val(); } }, beforeSend:function(){ var _checking = $('#checking'); _checking.prev('.field_notice').hide(); _checking.next('label').hide(); $(_checking).show(); }, complete :function(){ $('#checking').hide(); } } }, email: {required: true, email: true }, url:{required:true,url:true}, text:"required" }, messages: { name: {required:"需要輸入名稱", minlength:"名稱長度在3-40個字符之間", maxlength:"名稱長度在3-40個字符之間",remote:"用戶名已存在"}, email: {required:"需要輸入電子郵箱", email:"電子郵箱格式不正確"}, url: {required:"需要輸入URL地址", url:"URL地址格式不正確"}, text:"需要輸入文本內(nèi)容" }, }); }); </script> </head> <body> <form id="commentForm" method="get" action="" > <fieldset> <legend>表單驗證</legend> <p><label class="title" >Name</label><input id="name" name="name"/> <em><label class="field_notice"></label><label id="checking" class="checking">檢查中...</label></em> </p> <p><label class="title" >E-Mail</label><input name="email"/> <em><label class="field_notice"></label></em> </p> <p><label class="title" >URL</label><input name="url"/> <em><label class="field_notice"></label></em> </p> <p><label class="title" >text</label><textarea name="text" cols="22"></textarea> <em><label class="field_notice"></label></em> </p> <p><input class="submit" type="submit" value="提交"/></p> </fieldset> </form> </body> </html></pre> </div> <p></p> <p>以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助。</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">本網(wǎng)站聲明</div> <div>本文內(nèi)容由網(wǎng)友自願投稿，版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容，請聯(lián)絡(luò)admin@php.cn</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <div id="377j5v51b" class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <!-- <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門文章</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796832397.html" title="Grass Wonder Build Guide |烏瑪媽媽漂亮的德比" class="phpgenera_Details_mainR4_bottom_title">Grass Wonder Build Guide |烏瑪媽媽漂亮的德比</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796833110.html" title="<??>：在森林裡99夜 - 所有徽章以及如何解鎖" class="phpgenera_Details_mainR4_bottom_title"><??>：在森林裡99夜 - 所有徽章以及如何解鎖</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 週前</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831605.html" title="烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）" class="phpgenera_Details_mainR4_bottom_title">烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796836699.html" title="Rimworld Odyssey溫度指南和Gravtech" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey溫度指南和Gravtech</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831905.html" title="Windows安全是空白或不顯示選項" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/article.html">顯示更多</a> </div> </div> </div> --> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>熱AI工具</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>免費脫衣圖片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>用於從照片中去除衣服的線上人工智慧工具。</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI脫衣器</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/ai">顯示更多</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門文章</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796832397.html" title="Grass Wonder Build Guide |烏瑪媽媽漂亮的德比" class="phpgenera_Details_mainR4_bottom_title">Grass Wonder Build Guide |烏瑪媽媽漂亮的德比</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796833110.html" title="<??>：在森林裡99夜 - 所有徽章以及如何解鎖" class="phpgenera_Details_mainR4_bottom_title"><??>：在森林裡99夜 - 所有徽章以及如何解鎖</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 週前</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831605.html" title="烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）" class="phpgenera_Details_mainR4_bottom_title">烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796836699.html" title="Rimworld Odyssey溫度指南和Gravtech" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey溫度指南和Gravtech</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831905.html" title="Windows安全是空白或不顯示選項" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/article.html">顯示更多</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>熱工具</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="記事本++7.3.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title"> <h3>記事本++7.3.1</h3> </a> <p>好用且免費的程式碼編輯器</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3漢化版" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_title"> <h3>SublimeText3漢化版</h3> </a> <p>中文版，非常好用</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="禪工作室 13.0.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title"> <h3>禪工作室 13.0.1</h3> </a> <p>強大的PHP整合開發(fā)環(huán)境</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>視覺化網(wǎng)頁開發(fā)工具</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac版</h3> </a> <p>神級程式碼編輯軟體(SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/ai">顯示更多</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門話題</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/laravel-tutori" title="Laravel 教程" class="phpgenera_Details_mainR4_bottom_title">Laravel 教程</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1600</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>29</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/php-tutorial" title="PHP教程" class="phpgenera_Details_mainR4_bottom_title">PHP教程</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1502</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>276</span> </div> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/faq/zt">顯示更多</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main2"> <div id="377j5v51b" class="phpgenera_Details_mainL4"> <div id="377j5v51b" class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div id="377j5v51b" class="phpgenera_Details_mainL4_info"> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/691702.html" title="jQuery引用方法詳解：快速上手指南" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170903071539936.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery引用方法詳解：快速上手指南" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/691702.html" title="jQuery引用方法詳解：快速上手指南" class="phphistorical_Version2_mids_title">jQuery引用方法詳解：快速上手指南</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 27, 2024 pm 06:45 PM</span> <p class="Articlelist_txts_p">jQuery引用方法詳解：快速上手指南jQuery是一個受歡迎的JavaScript庫，被廣泛用於網(wǎng)站開發(fā)中，它簡化了JavaScript編程，並為開發(fā)者提供了豐富的功能和特性。本文將詳細(xì)介紹jQuery的引用方法，並提供具體的程式碼範(fàn)例，幫助讀者快速上手。引入jQuery首先，我們需要在HTML檔案中引入jQuery函式庫?？梢酝高^CDN連結(jié)的方式引入，也可以下載</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692694.html" title="jQuery中如何使用PUT請求方式？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/000/164/170910433346845.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery中如何使用PUT請求方式？" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692694.html" title="jQuery中如何使用PUT請求方式？" class="phphistorical_Version2_mids_title">jQuery中如何使用PUT請求方式？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 03:12 PM</span> <p class="Articlelist_txts_p">jQuery中如何使用PUT請求方式？在jQuery中，發(fā)送PUT請求的方法與發(fā)送其他類型的請求類似，但需要注意一些細(xì)節(jié)和參數(shù)設(shè)定。 PUT請求通常用於更新資源，例如更新資料庫中的資料或更新伺服器上的檔案。以下是在jQuery中使用PUT請求方式的具體程式碼範(fàn)例。首先，確保引入了jQuery庫文件，然後可以透過以下方式發(fā)送PUT請求：$.ajax({u</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/693182.html" title="jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170912557218266.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/693182.html" title="jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本" class="phphistorical_Version2_mids_title">jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 09:06 PM</span> <p class="Articlelist_txts_p">標(biāo)題：jQuery小技巧：快速修改頁面所有a標(biāo)籤的文字在網(wǎng)頁開發(fā)中，我們經(jīng)常需要對頁面中的元素進(jìn)行修改和操作。使用jQuery時，有時候需要一次修改頁面中所有a標(biāo)籤的文字內(nèi)容，這樣可以節(jié)省時間和精力。以下將介紹如何使用jQuery快速修改頁面所有a標(biāo)籤的文本，同時給出具體的程式碼範(fàn)例。首先，我們需要引入jQuery庫文件，確保在頁面中引入了以下程式碼：<</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692928.html" title="使用jQuery修改所有a標(biāo)籤的文字內(nèi)容" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170911333171493.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用jQuery修改所有a標(biāo)籤的文字內(nèi)容" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692928.html" title="使用jQuery修改所有a標(biāo)籤的文字內(nèi)容" class="phphistorical_Version2_mids_title">使用jQuery修改所有a標(biāo)籤的文字內(nèi)容</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 05:42 PM</span> <p class="Articlelist_txts_p">標(biāo)題：使用jQuery修改所有a標(biāo)籤的文字內(nèi)容jQuery是一款受歡迎的JavaScript庫，被廣泛用於處理DOM操作。在網(wǎng)頁開發(fā)中，經(jīng)常會遇到需要修改頁面上連結(jié)標(biāo)籤（a標(biāo)籤）的文字內(nèi)容的需求。本文將介紹如何使用jQuery來實現(xiàn)這個目標(biāo)，並提供具體的程式碼範(fàn)例。首先，我們需要在頁面中引入jQuery庫。在HTML檔案中加入以下程式碼：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692099.html" title="jQuery如何移除元素的height屬性？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170908075260378.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery如何移除元素的height屬性？" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692099.html" title="jQuery如何移除元素的height屬性？" class="phphistorical_Version2_mids_title">jQuery如何移除元素的height屬性？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 am 08:39 AM</span> <p class="Articlelist_txts_p">jQuery如何移除元素的height屬性？在前端開發(fā)中，經(jīng)常會遇到需要操作元素的高度屬性的需求。有時候，我們可能需要動態(tài)改變元素的高度，而有時候又需要移除元素的高度屬性。本文將介紹如何使用jQuery來移除元素的高度屬性，並提供具體的程式碼範(fàn)例。在使用jQuery操作高度屬性之前，我們首先需要了解CSS中的height屬性。 height屬性用於設(shè)定元素的高度</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692515.html" title="了解jQuery中eq的作用及應(yīng)用場景" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170909731284988.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="了解jQuery中eq的作用及應(yīng)用場景" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692515.html" title="了解jQuery中eq的作用及應(yīng)用場景" class="phphistorical_Version2_mids_title">了解jQuery中eq的作用及應(yīng)用場景</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 01:15 PM</span> <p class="Articlelist_txts_p">jQuery是一種流行的JavaScript庫，被廣泛用於處理網(wǎng)頁中的DOM操作和事件處理。在jQuery中，eq()方法是用來選擇指定索引位置的元素的方法，具體使用方法和應(yīng)用場景如下。在jQuery中，eq()方法選擇指定索引位置的元素。索引位置從0開始計數(shù)，即第一個元素的索引是0，第二個元素的索引是1，依此類推。 eq()方法的語法如下：$("s</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/693378.html" title="使用jQuery為表格新增一行的方法介紹" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170916553144887.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用jQuery為表格新增一行的方法介紹" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/693378.html" title="使用jQuery為表格新增一行的方法介紹" class="phphistorical_Version2_mids_title">使用jQuery為表格新增一行的方法介紹</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 29, 2024 am 08:12 AM</span> <p class="Articlelist_txts_p">jQuery是一個受歡迎的JavaScript函式庫，廣泛用於網(wǎng)頁開發(fā)。在網(wǎng)頁開發(fā)過程中，經(jīng)常需要透過JavaScript動態(tài)地在表格中新增一行。本文將介紹如何使用jQuery為表格新增一行，並提供具體的程式碼範(fàn)例。首先，我們需要在HTML頁面中引入jQuery函式庫?？梢酝高^以下程式碼在標(biāo)籤中引入jQuery庫：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/693462.html" title="如何判斷jQuery元素是否具有特定屬性？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/000/164/170916859138598.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何判斷jQuery元素是否具有特定屬性？" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/693462.html" title="如何判斷jQuery元素是否具有特定屬性？" class="phphistorical_Version2_mids_title">如何判斷jQuery元素是否具有特定屬性？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 29, 2024 am 09:03 AM</span> <p class="Articlelist_txts_p">如何判斷jQuery元素是否具有特定屬性？在使用jQuery操作DOM元素時，常會遇到需要判斷元素是否具有某個特定屬性的情況。在這種情況下，我們可以藉助jQuery提供的方法來輕鬆實現(xiàn)這項功能。以下將介紹兩種常用的方法來判斷一個jQuery元素是否具有特定屬性，並附上具體的程式碼範(fàn)例。方法一：使用attr()方法和typeof運算子//判斷元素是否具有特定屬</p> </div> </div> <a href="http://www.miracleart.cn/zh-tw/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div id="377j5v51b" class="footer"> <div id="377j5v51b" class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>公益線上PHP培訓(xùn)，幫助PHP學(xué)習(xí)者快速成長！</p> </div> <div id="377j5v51b" class="footermid"> <a href="http://www.miracleart.cn/zh-tw/about/us.html">關(guān)於我們</a> <a href="http://www.miracleart.cn/zh-tw/about/disclaimer.html">免責(zé)聲明</a> <a href="http://www.miracleart.cn/zh-tw/update/article_0_1.html">Sitemap</a> </div> <div id="377j5v51b" class="footerbottom"> <p> ? php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="o0yow" class="pl_css_ganrao" style="display: none;"><rt id="o0yow"><small id="o0yow"><wbr id="o0yow"></wbr></small></rt><abbr id="o0yow"></abbr><em id="o0yow"></em><cite id="o0yow"></cite><option id="o0yow"><object id="o0yow"><option id="o0yow"></option></object></option><u id="o0yow"></u><table id="o0yow"><address id="o0yow"><table id="o0yow"><xmp id="o0yow"></xmp></table></address></table><tfoot id="o0yow"><pre id="o0yow"><rt id="o0yow"></rt></pre></tfoot><pre id="o0yow"><ol id="o0yow"><font id="o0yow"></font></ol></pre><code id="o0yow"></code><table id="o0yow"><address id="o0yow"><table id="o0yow"><wbr id="o0yow"></wbr></table></address></table><big id="o0yow"></big><input id="o0yow"><del id="o0yow"><i id="o0yow"><del id="o0yow"></del></i></del></input><dfn id="o0yow"><listing id="o0yow"></listing></dfn><strong id="o0yow"></strong><tr id="o0yow"><noframes id="o0yow"><center id="o0yow"></center></noframes></tr><label id="o0yow"><sub id="o0yow"><menu id="o0yow"></menu></sub></label><li id="o0yow"><tbody id="o0yow"><button id="o0yow"></button></tbody></li><table id="o0yow"><address id="o0yow"></address></table><small id="o0yow"></small><video id="o0yow"></video><dl id="o0yow"></dl><source id="o0yow"><abbr id="o0yow"></abbr></source><dd id="o0yow"><strong id="o0yow"><blockquote id="o0yow"></blockquote></strong></dd><tr id="o0yow"></tr><thead id="o0yow"></thead><kbd id="o0yow"></kbd><table id="o0yow"><xmp id="o0yow"><li id="o0yow"></li></xmp></table><noframes id="o0yow"></noframes><pre id="o0yow"><ol id="o0yow"><pre id="o0yow"><rt id="o0yow"></rt></pre></ol></pre><button id="o0yow"></button><th id="o0yow"></th><fieldset id="o0yow"><center id="o0yow"><th id="o0yow"></th></center></fieldset><table id="o0yow"></table><font id="o0yow"><strong id="o0yow"><blockquote id="o0yow"></blockquote></strong></font><dfn id="o0yow"></dfn><nobr id="o0yow"></nobr><small id="o0yow"><progress id="o0yow"><track id="o0yow"></track></progress></small><strike id="o0yow"></strike><ruby id="o0yow"></ruby><video id="o0yow"></video><blockquote id="o0yow"></blockquote><pre id="o0yow"><menu id="o0yow"><font id="o0yow"></font></menu></pre><samp id="o0yow"><i id="o0yow"><del id="o0yow"></del></i></samp><pre id="o0yow"></pre><optgroup id="o0yow"><td id="o0yow"><form id="o0yow"></form></td></optgroup><dfn id="o0yow"><em id="o0yow"><pre id="o0yow"></pre></em></dfn><ol id="o0yow"><font id="o0yow"><object id="o0yow"></object></font></ol><del id="o0yow"><fieldset id="o0yow"><output id="o0yow"><fieldset id="o0yow"></fieldset></output></fieldset></del><code id="o0yow"><ins id="o0yow"></ins></code><li id="o0yow"><legend id="o0yow"><li id="o0yow"></li></legend></li><rt id="o0yow"><small id="o0yow"></small></rt><fieldset id="o0yow"></fieldset><dd id="o0yow"><strong id="o0yow"></strong></dd><dl id="o0yow"><li id="o0yow"><tbody id="o0yow"><em id="o0yow"></em></tbody></li></dl><pre id="o0yow"><ol id="o0yow"><font id="o0yow"><wbr id="o0yow"></wbr></font></ol></pre><menu id="o0yow"></menu><xmp id="o0yow"></xmp><strong id="o0yow"><dfn id="o0yow"><label id="o0yow"></label></dfn></strong><kbd id="o0yow"><th id="o0yow"><center id="o0yow"></center></th></kbd><tr id="o0yow"></tr><table id="o0yow"><xmp id="o0yow"><label id="o0yow"><xmp id="o0yow"></xmp></label></xmp></table><tr id="o0yow"><dfn id="o0yow"></dfn></tr><table id="o0yow"></table><sup id="o0yow"><table id="o0yow"><address id="o0yow"></address></table></sup><td id="o0yow"></td><li id="o0yow"></li><input id="o0yow"></input><thead id="o0yow"></thead><fieldset id="o0yow"></fieldset><s id="o0yow"><samp id="o0yow"><strong id="o0yow"></strong></samp></s><strike id="o0yow"></strike><optgroup id="o0yow"><sub id="o0yow"><optgroup id="o0yow"></optgroup></sub></optgroup><i id="o0yow"><del id="o0yow"></del></i><style id="o0yow"></style><tfoot id="o0yow"></tfoot><form id="o0yow"></form><s id="o0yow"><samp id="o0yow"><thead id="o0yow"></thead></samp></s><font id="o0yow"></font><strike id="o0yow"></strike><center id="o0yow"></center><dd id="o0yow"><strong id="o0yow"><dd id="o0yow"><small id="o0yow"></small></dd></strong></dd><menuitem id="o0yow"></menuitem><mark id="o0yow"></mark><strong id="o0yow"></strong><tr id="o0yow"></tr><fieldset id="o0yow"><rp id="o0yow"></rp></fieldset><dl id="o0yow"><button id="o0yow"><input id="o0yow"></input></button></dl><rt id="o0yow"><delect id="o0yow"><wbr id="o0yow"></wbr></delect></rt><center id="o0yow"></center><em id="o0yow"></em><b id="o0yow"><s id="o0yow"><samp id="o0yow"></samp></s></b><strike id="o0yow"><video id="o0yow"><strike id="o0yow"><button id="o0yow"></button></strike></video></strike><legend id="o0yow"></legend><code id="o0yow"></code><button id="o0yow"></button><abbr id="o0yow"><form id="o0yow"><optgroup id="o0yow"><blockquote id="o0yow"></blockquote></optgroup></form></abbr><noframes id="o0yow"><rt id="o0yow"><optgroup id="o0yow"></optgroup></rt></noframes><s id="o0yow"><b id="o0yow"><i id="o0yow"></i></b></s><dl id="o0yow"></dl><tfoot id="o0yow"><pre id="o0yow"></pre></tfoot><samp id="o0yow"></samp><button id="o0yow"><input id="o0yow"><button id="o0yow"></button></input></button><s id="o0yow"><kbd id="o0yow"></kbd></s><fieldset id="o0yow"><rp id="o0yow"><label id="o0yow"></label></rp></fieldset><style id="o0yow"><progress id="o0yow"><small id="o0yow"></small></progress></style><xmp id="o0yow"></xmp><samp id="o0yow"></samp><track id="o0yow"><ol id="o0yow"><option id="o0yow"></option></ol></track><var id="o0yow"></var><kbd id="o0yow"><strong id="o0yow"><mark id="o0yow"></mark></strong></kbd><label id="o0yow"></label><optgroup id="o0yow"></optgroup><pre id="o0yow"></pre><ol id="o0yow"></ol><acronym id="o0yow"></acronym><big id="o0yow"></big><font id="o0yow"></font><fieldset id="o0yow"></fieldset><rt id="o0yow"><small id="o0yow"></small></rt><delect id="o0yow"></delect><sup id="o0yow"><table id="o0yow"><acronym id="o0yow"></acronym></table></sup><em id="o0yow"></em><pre id="o0yow"></pre><b id="o0yow"></b><pre id="o0yow"><em id="o0yow"><s id="o0yow"><kbd id="o0yow"></kbd></s></em></pre><strong id="o0yow"></strong><rp id="o0yow"></rp><wbr id="o0yow"></wbr><font id="o0yow"></font><xmp id="o0yow"><bdo id="o0yow"><mark id="o0yow"></mark></bdo></xmp><table id="o0yow"></table><samp id="o0yow"><tbody id="o0yow"><output id="o0yow"></output></tbody></samp><strong id="o0yow"></strong><s id="o0yow"><samp id="o0yow"><i id="o0yow"></i></samp></s><fieldset id="o0yow"><rp id="o0yow"><th id="o0yow"></th></rp></fieldset><listing id="o0yow"></listing><kbd id="o0yow"><strong id="o0yow"><rp id="o0yow"></rp></strong></kbd><li id="o0yow"></li><sub id="o0yow"></sub><button id="o0yow"><dl id="o0yow"></dl></button><font id="o0yow"><strong id="o0yow"><dd id="o0yow"><small id="o0yow"></small></dd></strong></font><noframes id="o0yow"></noframes><progress id="o0yow"><track id="o0yow"></track></progress><menuitem id="o0yow"></menuitem><pre id="o0yow"><em id="o0yow"><td id="o0yow"></td></em></pre><tfoot id="o0yow"><track id="o0yow"></track></tfoot><table id="o0yow"><wbr id="o0yow"><ul id="o0yow"></ul></wbr></table><dfn id="o0yow"></dfn></div> </html>
text<\/label><\/textarea><\/p>\n <p><input class=\"submit\" type=\"submit\" value=\"提交\"\/><\/p>\n <\/fieldset>\n <\/form>\n<\/body>\n<\/html>\n<\/pre>\n<\/div>\n<p><strong>實例二：<span style=\"color: #800000\">方法驗證，通過自定義表單規(guī)則來驗證表單<\/span><\/strong><\/p>\n<p><\/p>\n<div id="377j5v51b" class=\"jb51code\">\n<pre class='brush:php;toolbar:false;'>\n<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\">\n<html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<head>\n <title>jQuery PlugIn - 表單驗證插件實例 Validate <\/title>\n <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\" \/>\n <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/zh-tw/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="社群" class="head_nava head_nava-template1">社群</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/article.html" title="文章" class="languagechoosea on">文章</a> <a href="http://www.miracleart.cn/zh-tw/faq/zt" title="合集" class="languagechoosea">合集</a> <a href="http://www.miracleart.cn/zh-tw/wenda.html" title="問答" class="languagechoosea">問答</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學(xué)習(xí)" class="head_nava head_nava-template1_1">學(xué)習(xí)</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/course.html" title="課程" class="languagechoosea on">課程</a> <a href="http://www.miracleart.cn/zh-tw/dic/" title="程式設(shè)計字典" class="languagechoosea">程式設(shè)計字典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="工具庫" class="head_nava head_nava-template1_2">工具庫</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools" title="開發(fā)工具" class="languagechoosea on">開發(fā)工具</a> <a href="http://www.miracleart.cn/zh-tw/toolset/website-source-code" title="網(wǎng)站源碼" class="languagechoosea">網(wǎng)站源碼</a> <a href="http://www.miracleart.cn/zh-tw/toolset/php-libraries" title="PHP 函式庫" class="languagechoosea">PHP 函式庫</a> <a href="http://www.miracleart.cn/zh-tw/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a> <a href="http://www.miracleart.cn/zh-tw/toolset/website-materials" title="網(wǎng)站素材" class="languagechoosea on">網(wǎng)站素材</a> <a href="http://www.miracleart.cn/zh-tw/toolset/extension-plug-ins" title="擴(kuò)充插件" class="languagechoosea on">擴(kuò)充插件</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/zh-tw/ai" title="AI工具" class="head_nava head_nava-template1_3">AI工具</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="休閒" class="head_nava head_nava-template1_3">休閒</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh-tw/game" title="遊戲下載" class="languagechoosea on">遊戲下載</a> <a href="http://www.miracleart.cn/zh-tw/mobile-game-tutorial/" title="遊戲教程" class="languagechoosea">遊戲教程</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('zh-tw')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="搜尋" onclick="searchs('zh-tw')"><img src="/static/imghw/find.png" alt="搜尋"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">繁體中文<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:;" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/zh-tw/" title="首頁" class="phpgenera_Details_mainL1a">首頁</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/zh-tw/web-designer.html" class="phpgenera_Details_mainL1a">web前端</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/zh-tw/js-tutorial.html" class="phpgenera_Details_mainL1a">js教程</a> <img src="/static/imghw/top_right.png" alt="" /> <span>jQuery Validation PlugIn的使用方法詳解_jquery</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">jQuery Validation PlugIn的使用方法詳解_jquery</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/zh-tw/member/887227.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" src="/static/imghw/default1.png" alt="WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/zh-tw/member/887227.html" class="author_name">WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">May 16, 2016 pm 03:24 PM</span> <div id="377j5v51b" class="Articlelist_txts_infos"> <span id="377j5v51b" class="Articlelist_txts_infoss on">jquery</span> <span id="377j5v51b" class="Articlelist_txts_infoss ">validate</span> </div> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <p><strong>一、用前必備? </strong><br> 官方網(wǎng)站：<span style="color: #3366ff"><strong>http://bassistance.de/jquery-plugins/jquery-plugin-validation/? <br> </strong></span>API: <span style="color: #3366ff"><strong>http://jquery.bassistance.de/api-browser/plugins.html? </strong></span><br> 目前版本：1.5.5? <br> 需要JQuery版本：1.2.6+, 相容 1.3.2? <br> ? <br> ??<br> <strong>二、預(yù)設(shè)校驗規(guī)則? <br> </strong></p> <ul> <li>(1)required:true??????????????? 必輸與欄位?</li> <li>(2)remote:"check.php"?????使用ajax方法呼叫check.php驗證輸入值?</li> <li>(3)email:true??????????????????? 必須輸入正確格式的電子郵件?</li> <li>(4)url:true?????????????????????? ?且必須輸入使用正確格式的網(wǎng)址?</li> <li>(5)date:true??????????????????? ?必須以正確格式所輸入的日期?</li> <li>(6)dateISO:true??????????????? 必須輸入正確格式的日期(ISO)，例如：2009-06-23，1998/01/22 只驗證格式，例如：2009-06-23，1998/01/22 只驗證格式，且不驗證效用 </li>(7)number:true????????????????(負(fù)數(shù)，且小數(shù))?<li> </li>(8)digits:true??????????????????? 必須輸入為整數(shù)?<li> </li>(9)creditcard:?????????????????? 必須以法定的信用卡號為?<li> </li>(10)equalTo:"#field"?????????? 輸入值與上相同?<li> </li>(11)accept:???????????????????以 <li>(12)maxlength:5??????????????? 輸入長度中以5的字串(漢字算為字元)?</li> <li>(13)minlength:10?????????????? 輸入長度的最小為10字串(漢字算字元)?</li> <li>(14)rangelength:[5,10]????????輸入長度必須介於 5 和 10 之間的字串")(漢字算一個字元)?</li> <li>(15)range:[5,10]???????????????? 輸入值必須在 5 與 10 之間?</li> <li>(16)max:5?????????????????????? ? 輸入值無法大於5?</li> <li>(17)min:10???????????????????????以而言無法小於10??</li> <li> <br> </li> </ul>三、預(yù)設(shè)的提示? <p> <strong><br> </strong> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> messages: { required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date.", dateISO: "Please enter a valid date (ISO).", dateDE: "Bitte geben Sie ein g眉ltiges Datum ein.", number: "Please enter a valid number.", numberDE: "Bitte geben Sie eine Nummer ein.", digits: "Please enter only digits", creditcard: "Please enter a valid credit card number.", equalTo: "Please enter the same value again.", accept: "Please enter a value with a valid extension.", maxlength: $.validator.format("Please enter no more than {0} characters."), minlength: $.validator.format("Please enter at least {0} characters."), rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."), range: $.validator.format("Please enter a value between {0} and {1}."), max: $.validator.format("Please enter a value less than or equal to {0}."), min: $.validator.format("Please enter a value greater than or equal to {0}.") }, </pre>如需修改，可在js程式碼中加入：? </div> <p> <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> jQuery.extend(jQuery.validator.messages, { required: "必選字段", remote: "請修正該字段", email: "請輸入正確格式的電子郵件", url: "請輸入合法的網(wǎng)址", date: "請輸入合法的日期", dateISO: "請輸入合法的日期 (ISO).", number: "請輸入合法的數(shù)字", digits: "只能輸入整數(shù)", creditcard: "請輸入合法的信用卡號", equalTo: "請再次輸入相同的值", accept: "請輸入擁有合法后綴名的字符串", maxlength: jQuery.validator.format("請輸入一個長度最多是 {0} 的字符串"), minlength: jQuery.validator.format("請輸入一個長度最少是 {0} 的字符串"), rangelength: jQuery.validator.format("請輸入一個長度介于 {0} 和 {1} 之間的字符串"), range: jQuery.validator.format("請輸入一個介于 {0} 和 {1} 之間的值"), max: jQuery.validator.format("請輸入一個最大為 {0} 的值"), min: jQuery.validator.format("請輸入一個最小為 {0} 的值") }); </pre></div><p>建議做法，<span style="color: #800000"><strong>將此檔案放入messages_cn.js中，在頁面中引入? </strong> [codept src="../js/messages_cn.js" type="text/javascript"></script>?[/code</span> <br />四、使用方式? <br /> <strong>1.將校驗規(guī)則寫到控制中? <br /> </strong> <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> <script src="./js/jquery.metadata.js" type="text/javascript"></script> $().ready(function() { $("#signupForm").validate(); }); <form id="signupForm" method="get" action=""> <p> <label for="firstname">Firstname</label> <input id="firstname" name="firstname" class="required" /> </p> <p> <label for="email">E-Mail</label> <input id="email" name="email" class="required email" /> </p> <p> <label for="password">Password</label> <input id="password" name="password" type="password" class="{required:true,minlength:5}" /> </p> <p> <label for="confirm_password">確認(rèn)密碼</label> <input id="confirm_password" name="confirm_password" type="password" class="{required:true,minlength:5,equalTo:'#password'}" /> </p> <p> <input class="submit" type="submit" value="Submit"/> </p> </form> </pre>使用class="{}"的方式，必須引入套件：jquery.metadata.js? </div> 可以使用以下的方法，修改提示內(nèi)容：? <p> <br /><br /><div id="377j5v51b" class="codetitle"><span>複製程式碼<a style="CURSOR: pointer" data="26855" class="copybut" id="copybut26855" onclick="doCopy('code26855')"><U></U> 程式碼如下:</a></span>class="{required:true,minlength:5,messages:{required:'請輸入內(nèi)容'}}"</div> <br /> 在使用equalTo關(guān)鍵字時，后面的內(nèi)容必須加上引號，如下代碼： <br /> <div id="377j5v51b" class="codetitle"><span><a style="CURSOR: pointer" data="18569" class="copybut" id="copybut18569" onclick="doCopy('code18569')"><U>復(fù)制代碼</U></a></span> 代碼如下:</div><div id="377j5v51b" class="codebody" id="code18569">class="{required:true,minlength:5,equalTo:'#password'}"</div> <br /> 另外一個方式，使用關(guān)鍵字：meta（為了元數(shù)據(jù)使用其他插件你要包裝 你的驗證規(guī)則 在他們自己的項目中可以用這個特殊的選項） <br /> 再有一種方式： <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> $.metadata.setType("attr", "validate"); </pre> </div> <p>這樣可以使用validate="{required:true}"的方式，或者class="required"，但class="{required:true,minlength:5}"將不起作用 <br /> 2.將校驗規(guī)則寫到代碼中 <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> $().ready(function() { $("#signupForm").validate({ rules: { firstname: "required", email: { required: true, email: true }, password: { required: true, minlength: 5 }, confirm_password: { required: true, minlength: 5, equalTo: "#password" } }, messages: { firstname: "請輸入姓名", email: { required: "請輸入Email地址", email: "請輸入正確的email地址" }, password: { required: "請輸入密碼", minlength: jQuery.format("密碼不能小于{0}個字符") }, confirm_password: { required: "請輸入確認(rèn)密碼", minlength: "確認(rèn)密碼不能小于5個字符", equalTo: "兩次輸入密碼不一致不一致" } } }); }); //messages處，如果某個控件沒有message，將調(diào)用默認(rèn)的信息 <form id="signupForm" method="get" action=""> <p> <label for="firstname">Firstname</label> <input id="firstname" name="firstname" /> </p> <p> <label for="email">E-Mail</label> <input id="email" name="email" /> </p> <p> <label for="password">Password</label> <input id="password" name="password" type="password" /> </p> <p> <label for="confirm_password">確認(rèn)密碼</label> <input id="confirm_password" name="confirm_password" type="password" /> </p> <p> <input class="submit" type="submit" value="Submit"/> </p> </form> </pre> </div> <p>required:true 必須有值 <br /> required:"#aa:checked"表達(dá)式的值為真，則需要驗證 <br /> required:function(){}返回為真，表時需要驗證 <br /> 后邊兩種常用于，表單中需要同時填或不填的元素 <br /> </p> <p><strong>五、實例講解</strong></p> <p><strong>實例一：</strong><span style="color: #800000"><strong>精簡驗證，通過表單對象調(diào)用validate()方法進(jìn)行驗證，驗證規(guī)則通過html標(biāo)簽屬性定義：以下為常用屬性定義距離</strong></span></p> <p>class='required' //必須字段<br /> class='mail' //郵箱驗證<br /> class='url' //URL網(wǎng)址驗證<br /> class='date' //正確的日期 格式滿足 2012，0204，2012-02-04<br /> class='number' //輸入合法的數(shù)字<br /> class='digits' //輸入整數(shù)<br /> minlength='' //最小輸入長度<br /> maxlength='' //最長輸入長度(該值不會提示，當(dāng)值達(dá)到一定字符數(shù)不可再增長)<br /> max='' //輸入的數(shù)值小于指定值<br /> min='' //輸入的數(shù)值大于指定值</p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery PlugIn - 表單驗證插件實例 Validate </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.validate.min.js"></script> <script type="text/javascript" src="messages_cn.js"></script> <style type="text/css"> * { font-family: Verdana; font-size:13px; } input[type='text']{width:200px;} textarea{width:155px;} label { width: 10em; float: left; } label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } </style> <script> $(document).ready(function(){ $("#commentForm").validate(); }); </script> </head> <body> <form id="commentForm" method="get" action="" > <fieldset> <legend>表單驗證</legend> <p><label>Name</label><input name="name" class="required" maxlength="4" minlength="2" /></p> <p><label >E-Mail</label><input name="email" class="required email" /></p> <p><label >URL</label><input name="url" class="url"/></p> <p><label>text</label><textarea name="text" cols="22" class="required"></textarea></p> <p><input class="submit" type="submit" value="提交"/></p> </fieldset> </form> </body> </html> </pre> </div> <p><strong>實例二：<span style="color: #800000">方法驗證，通過自定義表單規(guī)則來驗證表單</span></strong></p> <p></p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery PlugIn - 表單驗證插件實例 Validate </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.validate.min.js"></script> <script type="text/javascript" src="messages_cn.js"></script> <style type="text/css"> * { font-family: Verdana; font-size:13px; } input[type='text']{width:200px;} textarea{width:155px;} .title{float:left;width:10em} em.error { float: none; color: red; padding-left: .5em; vertical-align: top; } .field_notice{display:none;} .checking{display:none;} </style> <script> $(document).ready(function(){ $("#commentForm").validate({ errorPlacement: function(error, element){ var error_td = element.next('em'); error_td.find('.field_notice').hide(); error_td.append(error); }, success: function(label){ label.addClass('validate_right').text('OK!'); }, onkeyup: false, rules: { name: { required:true, minlength:3, maxlength:40, remote:{ url :'index.php?ajax=1', type:'get', data:{ name : function(){ return $('#name').val(); } }, beforeSend:function(){ var _checking = $('#checking'); _checking.prev('.field_notice').hide(); _checking.next('label').hide(); $(_checking).show(); }, complete :function(){ $('#checking').hide(); } } }, email: {required: true, email: true }, url:{required:true,url:true}, text:"required" }, messages: { name: {required:"需要輸入名稱", minlength:"名稱長度在3-40個字符之間", maxlength:"名稱長度在3-40個字符之間",remote:"用戶名已存在"}, email: {required:"需要輸入電子郵箱", email:"電子郵箱格式不正確"}, url: {required:"需要輸入URL地址", url:"URL地址格式不正確"}, text:"需要輸入文本內(nèi)容" }, }); }); </script> </head> <body> <form id="commentForm" method="get" action="" > <fieldset> <legend>表單驗證</legend> <p><label class="title" >Name</label><input id="name" name="name"/> <em><label class="field_notice"></label><label id="checking" class="checking">檢查中...</label></em> </p> <p><label class="title" >E-Mail</label><input name="email"/> <em><label class="field_notice"></label></em> </p> <p><label class="title" >URL</label><input name="url"/> <em><label class="field_notice"></label></em> </p> <p><label class="title" >text</label><textarea name="text" cols="22"></textarea> <em><label class="field_notice"></label></em> </p> <p><input class="submit" type="submit" value="提交"/></p> </fieldset> </form> </body> </html></pre> </div> <p></p> <p>以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助。</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">本網(wǎng)站聲明</div> <div>本文內(nèi)容由網(wǎng)友自願投稿，版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容，請聯(lián)絡(luò)admin@php.cn</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <div id="377j5v51b" class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <!-- <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門文章</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796832397.html" title="Grass Wonder Build Guide |烏瑪媽媽漂亮的德比" class="phpgenera_Details_mainR4_bottom_title">Grass Wonder Build Guide |烏瑪媽媽漂亮的德比</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796833110.html" title="<??>：在森林裡99夜 - 所有徽章以及如何解鎖" class="phpgenera_Details_mainR4_bottom_title"><??>：在森林裡99夜 - 所有徽章以及如何解鎖</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 週前</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831605.html" title="烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）" class="phpgenera_Details_mainR4_bottom_title">烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796836699.html" title="Rimworld Odyssey溫度指南和Gravtech" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey溫度指南和Gravtech</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831905.html" title="Windows安全是空白或不顯示選項" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/article.html">顯示更多</a> </div> </div> </div> --> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>熱AI工具</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>免費脫衣圖片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>用於從照片中去除衣服的線上人工智慧工具。</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI脫衣器</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/ai">顯示更多</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門文章</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796832397.html" title="Grass Wonder Build Guide |烏瑪媽媽漂亮的德比" class="phpgenera_Details_mainR4_bottom_title">Grass Wonder Build Guide |烏瑪媽媽漂亮的德比</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796833110.html" title="<??>：在森林裡99夜 - 所有徽章以及如何解鎖" class="phpgenera_Details_mainR4_bottom_title"><??>：在森林裡99夜 - 所有徽章以及如何解鎖</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 週前</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831605.html" title="烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）" class="phpgenera_Details_mainR4_bottom_title">烏瑪?shù)姆劢z漂亮的德比橫幅日程（2025年7月）</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796836699.html" title="Rimworld Odyssey溫度指南和Gravtech" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey溫度指南和Gravtech</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/1796831905.html" title="Windows安全是空白或不顯示選項" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/article.html">顯示更多</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>熱工具</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="記事本++7.3.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title"> <h3>記事本++7.3.1</h3> </a> <p>好用且免費的程式碼編輯器</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3漢化版" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_title"> <h3>SublimeText3漢化版</h3> </a> <p>中文版，非常好用</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="禪工作室 13.0.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title"> <h3>禪工作室 13.0.1</h3> </a> <p>強大的PHP整合開發(fā)環(huán)境</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>視覺化網(wǎng)頁開發(fā)工具</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac版</h3> </a> <p>神級程式碼編輯軟體(SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/ai">顯示更多</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門話題</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/laravel-tutori" title="Laravel 教程" class="phpgenera_Details_mainR4_bottom_title">Laravel 教程</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1600</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>29</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh-tw/faq/php-tutorial" title="PHP教程" class="phpgenera_Details_mainR4_bottom_title">PHP教程</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1502</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>276</span> </div> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh-tw/faq/zt">顯示更多</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main2"> <div id="377j5v51b" class="phpgenera_Details_mainL4"> <div id="377j5v51b" class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div id="377j5v51b" class="phpgenera_Details_mainL4_info"> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/691702.html" title="jQuery引用方法詳解：快速上手指南" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170903071539936.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery引用方法詳解：快速上手指南" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/691702.html" title="jQuery引用方法詳解：快速上手指南" class="phphistorical_Version2_mids_title">jQuery引用方法詳解：快速上手指南</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 27, 2024 pm 06:45 PM</span> <p class="Articlelist_txts_p">jQuery引用方法詳解：快速上手指南jQuery是一個受歡迎的JavaScript庫，被廣泛用於網(wǎng)站開發(fā)中，它簡化了JavaScript編程，並為開發(fā)者提供了豐富的功能和特性。本文將詳細(xì)介紹jQuery的引用方法，並提供具體的程式碼範(fàn)例，幫助讀者快速上手。引入jQuery首先，我們需要在HTML檔案中引入jQuery函式庫?？梢酝高^CDN連結(jié)的方式引入，也可以下載</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692694.html" title="jQuery中如何使用PUT請求方式？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/000/164/170910433346845.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery中如何使用PUT請求方式？" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692694.html" title="jQuery中如何使用PUT請求方式？" class="phphistorical_Version2_mids_title">jQuery中如何使用PUT請求方式？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 03:12 PM</span> <p class="Articlelist_txts_p">jQuery中如何使用PUT請求方式？在jQuery中，發(fā)送PUT請求的方法與發(fā)送其他類型的請求類似，但需要注意一些細(xì)節(jié)和參數(shù)設(shè)定。 PUT請求通常用於更新資源，例如更新資料庫中的資料或更新伺服器上的檔案。以下是在jQuery中使用PUT請求方式的具體程式碼範(fàn)例。首先，確保引入了jQuery庫文件，然後可以透過以下方式發(fā)送PUT請求：$.ajax({u</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/693182.html" title="jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170912557218266.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/693182.html" title="jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本" class="phphistorical_Version2_mids_title">jQuery小技巧：快速修改頁面所有a標(biāo)籤的文本</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 09:06 PM</span> <p class="Articlelist_txts_p">標(biāo)題：jQuery小技巧：快速修改頁面所有a標(biāo)籤的文字在網(wǎng)頁開發(fā)中，我們經(jīng)常需要對頁面中的元素進(jìn)行修改和操作。使用jQuery時，有時候需要一次修改頁面中所有a標(biāo)籤的文字內(nèi)容，這樣可以節(jié)省時間和精力。以下將介紹如何使用jQuery快速修改頁面所有a標(biāo)籤的文本，同時給出具體的程式碼範(fàn)例。首先，我們需要引入jQuery庫文件，確保在頁面中引入了以下程式碼：<</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692928.html" title="使用jQuery修改所有a標(biāo)籤的文字內(nèi)容" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170911333171493.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用jQuery修改所有a標(biāo)籤的文字內(nèi)容" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692928.html" title="使用jQuery修改所有a標(biāo)籤的文字內(nèi)容" class="phphistorical_Version2_mids_title">使用jQuery修改所有a標(biāo)籤的文字內(nèi)容</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 05:42 PM</span> <p class="Articlelist_txts_p">標(biāo)題：使用jQuery修改所有a標(biāo)籤的文字內(nèi)容jQuery是一款受歡迎的JavaScript庫，被廣泛用於處理DOM操作。在網(wǎng)頁開發(fā)中，經(jīng)常會遇到需要修改頁面上連結(jié)標(biāo)籤（a標(biāo)籤）的文字內(nèi)容的需求。本文將介紹如何使用jQuery來實現(xiàn)這個目標(biāo)，並提供具體的程式碼範(fàn)例。首先，我們需要在頁面中引入jQuery庫。在HTML檔案中加入以下程式碼：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692099.html" title="jQuery如何移除元素的height屬性？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170908075260378.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery如何移除元素的height屬性？" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692099.html" title="jQuery如何移除元素的height屬性？" class="phphistorical_Version2_mids_title">jQuery如何移除元素的height屬性？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 am 08:39 AM</span> <p class="Articlelist_txts_p">jQuery如何移除元素的height屬性？在前端開發(fā)中，經(jīng)常會遇到需要操作元素的高度屬性的需求。有時候，我們可能需要動態(tài)改變元素的高度，而有時候又需要移除元素的高度屬性。本文將介紹如何使用jQuery來移除元素的高度屬性，並提供具體的程式碼範(fàn)例。在使用jQuery操作高度屬性之前，我們首先需要了解CSS中的height屬性。 height屬性用於設(shè)定元素的高度</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/692515.html" title="了解jQuery中eq的作用及應(yīng)用場景" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170909731284988.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="了解jQuery中eq的作用及應(yīng)用場景" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/692515.html" title="了解jQuery中eq的作用及應(yīng)用場景" class="phphistorical_Version2_mids_title">了解jQuery中eq的作用及應(yīng)用場景</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 01:15 PM</span> <p class="Articlelist_txts_p">jQuery是一種流行的JavaScript庫，被廣泛用於處理網(wǎng)頁中的DOM操作和事件處理。在jQuery中，eq()方法是用來選擇指定索引位置的元素的方法，具體使用方法和應(yīng)用場景如下。在jQuery中，eq()方法選擇指定索引位置的元素。索引位置從0開始計數(shù)，即第一個元素的索引是0，第二個元素的索引是1，依此類推。 eq()方法的語法如下：$("s</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/693378.html" title="使用jQuery為表格新增一行的方法介紹" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170916553144887.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用jQuery為表格新增一行的方法介紹" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/693378.html" title="使用jQuery為表格新增一行的方法介紹" class="phphistorical_Version2_mids_title">使用jQuery為表格新增一行的方法介紹</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 29, 2024 am 08:12 AM</span> <p class="Articlelist_txts_p">jQuery是一個受歡迎的JavaScript函式庫，廣泛用於網(wǎng)頁開發(fā)。在網(wǎng)頁開發(fā)過程中，經(jīng)常需要透過JavaScript動態(tài)地在表格中新增一行。本文將介紹如何使用jQuery為表格新增一行，並提供具體的程式碼範(fàn)例。首先，我們需要在HTML頁面中引入jQuery函式庫?？梢酝高^以下程式碼在標(biāo)籤中引入jQuery庫：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh-tw/faq/693462.html" title="如何判斷jQuery元素是否具有特定屬性？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/000/164/170916859138598.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何判斷jQuery元素是否具有特定屬性？" /> </a> <a href="http://www.miracleart.cn/zh-tw/faq/693462.html" title="如何判斷jQuery元素是否具有特定屬性？" class="phphistorical_Version2_mids_title">如何判斷jQuery元素是否具有特定屬性？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 29, 2024 am 09:03 AM</span> <p class="Articlelist_txts_p">如何判斷jQuery元素是否具有特定屬性？在使用jQuery操作DOM元素時，常會遇到需要判斷元素是否具有某個特定屬性的情況。在這種情況下，我們可以藉助jQuery提供的方法來輕鬆實現(xiàn)這項功能。以下將介紹兩種常用的方法來判斷一個jQuery元素是否具有特定屬性，並附上具體的程式碼範(fàn)例。方法一：使用attr()方法和typeof運算子//判斷元素是否具有特定屬</p> </div> </div> <a href="http://www.miracleart.cn/zh-tw/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div id="377j5v51b" class="footer"> <div id="377j5v51b" class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>公益線上PHP培訓(xùn)，幫助PHP學(xué)習(xí)者快速成長！</p> </div> <div id="377j5v51b" class="footermid"> <a href="http://www.miracleart.cn/zh-tw/about/us.html">關(guān)於我們</a> <a href="http://www.miracleart.cn/zh-tw/about/disclaimer.html">免責(zé)聲明</a> <a href="http://www.miracleart.cn/zh-tw/update/article_0_1.html">Sitemap</a> </div> <div id="377j5v51b" class="footerbottom"> <p> ? php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="o0yow" class="pl_css_ganrao" style="display: none;"><rt id="o0yow"><small id="o0yow"><wbr id="o0yow"></wbr></small></rt><abbr id="o0yow"></abbr><em id="o0yow"></em><cite id="o0yow"></cite><option id="o0yow"><object id="o0yow"><option id="o0yow"></option></object></option><u id="o0yow"></u><table id="o0yow"><address id="o0yow"><table id="o0yow"><xmp id="o0yow"></xmp></table></address></table><tfoot id="o0yow"><pre id="o0yow"><rt id="o0yow"></rt></pre></tfoot><pre id="o0yow"><ol id="o0yow"><font id="o0yow"></font></ol></pre><code id="o0yow"></code><table id="o0yow"><address id="o0yow"><table id="o0yow"><wbr id="o0yow"></wbr></table></address></table><big id="o0yow"></big><input id="o0yow"><del id="o0yow"><i id="o0yow"><del id="o0yow"></del></i></del></input><dfn id="o0yow"><listing id="o0yow"></listing></dfn><strong id="o0yow"></strong><tr id="o0yow"><noframes id="o0yow"><center id="o0yow"></center></noframes></tr><label id="o0yow"><sub id="o0yow"><menu id="o0yow"></menu></sub></label><li id="o0yow"><tbody id="o0yow"><button id="o0yow"></button></tbody></li><table id="o0yow"><address id="o0yow"></address></table><small id="o0yow"></small><video id="o0yow"></video><dl id="o0yow"></dl><source id="o0yow"><abbr id="o0yow"></abbr></source><dd id="o0yow"><strong id="o0yow"><blockquote id="o0yow"></blockquote></strong></dd><tr id="o0yow"></tr><thead id="o0yow"></thead><kbd id="o0yow"></kbd><table id="o0yow"><xmp id="o0yow"><li id="o0yow"></li></xmp></table><noframes id="o0yow"></noframes><pre id="o0yow"><ol id="o0yow"><pre id="o0yow"><rt id="o0yow"></rt></pre></ol></pre><button id="o0yow"></button><th id="o0yow"></th><fieldset id="o0yow"><center id="o0yow"><th id="o0yow"></th></center></fieldset><table id="o0yow"></table><font id="o0yow"><strong id="o0yow"><blockquote id="o0yow"></blockquote></strong></font><dfn id="o0yow"></dfn><nobr id="o0yow"></nobr><small id="o0yow"><progress id="o0yow"><track id="o0yow"></track></progress></small><strike id="o0yow"></strike><ruby id="o0yow"></ruby><video id="o0yow"></video><blockquote id="o0yow"></blockquote><pre id="o0yow"><menu id="o0yow"><font id="o0yow"></font></menu></pre><samp id="o0yow"><i id="o0yow"><del id="o0yow"></del></i></samp><pre id="o0yow"></pre><optgroup id="o0yow"><td id="o0yow"><form id="o0yow"></form></td></optgroup><dfn id="o0yow"><em id="o0yow"><pre id="o0yow"></pre></em></dfn><ol id="o0yow"><font id="o0yow"><object id="o0yow"></object></font></ol><del id="o0yow"><fieldset id="o0yow"><output id="o0yow"><fieldset id="o0yow"></fieldset></output></fieldset></del><code id="o0yow"><ins id="o0yow"></ins></code><li id="o0yow"><legend id="o0yow"><li id="o0yow"></li></legend></li><rt id="o0yow"><small id="o0yow"></small></rt><fieldset id="o0yow"></fieldset><dd id="o0yow"><strong id="o0yow"></strong></dd><dl id="o0yow"><li id="o0yow"><tbody id="o0yow"><em id="o0yow"></em></tbody></li></dl><pre id="o0yow"><ol id="o0yow"><font id="o0yow"><wbr id="o0yow"></wbr></font></ol></pre><menu id="o0yow"></menu><xmp id="o0yow"></xmp><strong id="o0yow"><dfn id="o0yow"><label id="o0yow"></label></dfn></strong><kbd id="o0yow"><th id="o0yow"><center id="o0yow"></center></th></kbd><tr id="o0yow"></tr><table id="o0yow"><xmp id="o0yow"><label id="o0yow"><xmp id="o0yow"></xmp></label></xmp></table><tr id="o0yow"><dfn id="o0yow"></dfn></tr><table id="o0yow"></table><sup id="o0yow"><table id="o0yow"><address id="o0yow"></address></table></sup><td id="o0yow"></td><li id="o0yow"></li><input id="o0yow"></input><thead id="o0yow"></thead><fieldset id="o0yow"></fieldset><s id="o0yow"><samp id="o0yow"><strong id="o0yow"></strong></samp></s><strike id="o0yow"></strike><optgroup id="o0yow"><sub id="o0yow"><optgroup id="o0yow"></optgroup></sub></optgroup><i id="o0yow"><del id="o0yow"></del></i><style id="o0yow"></style><tfoot id="o0yow"></tfoot><form id="o0yow"></form><s id="o0yow"><samp id="o0yow"><thead id="o0yow"></thead></samp></s><font id="o0yow"></font><strike id="o0yow"></strike><center id="o0yow"></center><dd id="o0yow"><strong id="o0yow"><dd id="o0yow"><small id="o0yow"></small></dd></strong></dd><menuitem id="o0yow"></menuitem><mark id="o0yow"></mark><strong id="o0yow"></strong><tr id="o0yow"></tr><fieldset id="o0yow"><rp id="o0yow"></rp></fieldset><dl id="o0yow"><button id="o0yow"><input id="o0yow"></input></button></dl><rt id="o0yow"><delect id="o0yow"><wbr id="o0yow"></wbr></delect></rt><center id="o0yow"></center><em id="o0yow"></em><b id="o0yow"><s id="o0yow"><samp id="o0yow"></samp></s></b><strike id="o0yow"><video id="o0yow"><strike id="o0yow"><button id="o0yow"></button></strike></video></strike><legend id="o0yow"></legend><code id="o0yow"></code><button id="o0yow"></button><abbr id="o0yow"><form id="o0yow"><optgroup id="o0yow"><blockquote id="o0yow"></blockquote></optgroup></form></abbr><noframes id="o0yow"><rt id="o0yow"><optgroup id="o0yow"></optgroup></rt></noframes><s id="o0yow"><b id="o0yow"><i id="o0yow"></i></b></s><dl id="o0yow"></dl><tfoot id="o0yow"><pre id="o0yow"></pre></tfoot><samp id="o0yow"></samp><button id="o0yow"><input id="o0yow"><button id="o0yow"></button></input></button><s id="o0yow"><kbd id="o0yow"></kbd></s><fieldset id="o0yow"><rp id="o0yow"><label id="o0yow"></label></rp></fieldset><style id="o0yow"><progress id="o0yow"><small id="o0yow"></small></progress></style><xmp id="o0yow"></xmp><samp id="o0yow"></samp><track id="o0yow"><ol id="o0yow"><option id="o0yow"></option></ol></track><var id="o0yow"></var><kbd id="o0yow"><strong id="o0yow"><mark id="o0yow"></mark></strong></kbd><label id="o0yow"></label><optgroup id="o0yow"></optgroup><pre id="o0yow"></pre><ol id="o0yow"></ol><acronym id="o0yow"></acronym><big id="o0yow"></big><font id="o0yow"></font><fieldset id="o0yow"></fieldset><rt id="o0yow"><small id="o0yow"></small></rt><delect id="o0yow"></delect><sup id="o0yow"><table id="o0yow"><acronym id="o0yow"></acronym></table></sup><em id="o0yow"></em><pre id="o0yow"></pre><b id="o0yow"></b><pre id="o0yow"><em id="o0yow"><s id="o0yow"><kbd id="o0yow"></kbd></s></em></pre><strong id="o0yow"></strong><rp id="o0yow"></rp><wbr id="o0yow"></wbr><font id="o0yow"></font><xmp id="o0yow"><bdo id="o0yow"><mark id="o0yow"></mark></bdo></xmp><table id="o0yow"></table><samp id="o0yow"><tbody id="o0yow"><output id="o0yow"></output></tbody></samp><strong id="o0yow"></strong><s id="o0yow"><samp id="o0yow"><i id="o0yow"></i></samp></s><fieldset id="o0yow"><rp id="o0yow"><th id="o0yow"></th></rp></fieldset><listing id="o0yow"></listing><kbd id="o0yow"><strong id="o0yow"><rp id="o0yow"></rp></strong></kbd><li id="o0yow"></li><sub id="o0yow"></sub><button id="o0yow"><dl id="o0yow"></dl></button><font id="o0yow"><strong id="o0yow"><dd id="o0yow"><small id="o0yow"></small></dd></strong></font><noframes id="o0yow"></noframes><progress id="o0yow"><track id="o0yow"></track></progress><menuitem id="o0yow"></menuitem><pre id="o0yow"><em id="o0yow"><td id="o0yow"></td></em></pre><tfoot id="o0yow"><track id="o0yow"></track></tfoot><table id="o0yow"><wbr id="o0yow"><ul id="o0yow"></ul></wbr></table><dfn id="o0yow"></dfn></div> </html>