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>實(shí)例二：<span style=\"color: #800000\">方法驗(yàn)證，通過自定義表單規(guī)則來驗(yàn)證表單<\/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 - 表單驗(yàn)證插件實(shí)例 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://m.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://m.miracleart.cn/zh/" 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="社區(qū)" class="head_nava head_nava-template1">社區(qū)</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://m.miracleart.cn/zh/article.html" title="文章" class="languagechoosea on">文章</a> <a href="http://m.miracleart.cn/zh/faq/zt" title="合集" class="languagechoosea">合集</a> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/course.html" title="課程" class="languagechoosea on">課程</a> <a href="http://m.miracleart.cn/zh/dic/" title="編程詞典" class="languagechoosea">編程詞典</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://m.miracleart.cn/zh/toolset/development-tools" title="開發(fā)工具" class="languagechoosea on">開發(fā)工具</a> <a href="http://m.miracleart.cn/zh/toolset/website-source-code" title="網(wǎng)站源碼" class="languagechoosea">網(wǎng)站源碼</a> <a href="http://m.miracleart.cn/zh/toolset/php-libraries" title="PHP 庫" class="languagechoosea">PHP 庫</a> <a href="http://m.miracleart.cn/zh/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a> <a href="http://m.miracleart.cn/zh/toolset/website-materials" title="網(wǎng)站素材" class="languagechoosea on">網(wǎng)站素材</a> <a href="http://m.miracleart.cn/zh/toolset/extension-plug-ins" title="擴(kuò)展插件" class="languagechoosea on">擴(kuò)展插件</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/game" title="游戲下載" class="languagechoosea on">游戲下載</a> <a href="http://m.miracleart.cn/zh/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')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="搜索" onclick="searchs('zh')"><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:;" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" 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://m.miracleart.cn/zh/" title="首頁" class="phpgenera_Details_mainL1a">首頁</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://m.miracleart.cn/zh/web-designer.html" class="phpgenera_Details_mainL1a">web前端</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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> 當(dāng)前版本：1.5.5? <br> 需要JQuery版本：1.2.6 , 兼容 1.3.2? <br> ? <br> ??<br> <strong>二、默認(rèn)校驗(yàn)規(guī)則? <br> </strong></p> <ul> <li>(1)required:true??????????????? 必輸字段?</li> <li>(2)remote:"check.php"?????使用ajax方法調(diào)用check.php驗(yàn)證輸入值?</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 只驗(yàn)證格式，不驗(yàn)證有效性?</li> <li>(7)number:true???????????????? 必須輸入合法的數(shù)字(負(fù)數(shù)，小數(shù))?</li> <li>(8)digits:true??????????????????? 必須輸入整數(shù)?</li> <li>(9)creditcard:?????????????????? 必須輸入合法的信用卡號(hào)?</li> <li>(10)equalTo:"#field"?????????? 輸入值必須和#field相同?</li> <li>(11)accept:?????????????????????? 輸入擁有合法后綴名的字符串（上傳文件的后綴）?</li> <li>(12)maxlength:5??????????????? 輸入長度最多是5的字符串(漢字算一個(gè)字符)?</li> <li>(13)minlength:10?????????????? 輸入長度最小是10的字符串(漢字算一個(gè)字符)?</li> <li>(14)rangelength:[5,10]????????輸入長度必須介于 5 和 10 之間的字符串")(漢字算一個(gè)字符)?</li> <li>(15)range:[5,10]???????????????? 輸入值必須介于 5 和 10 之間?</li> <li>(16)max:5?????????????????????? ? 輸入值不能大于5?</li> <li>(17)min:10??????????????????????? 輸入值不能小于10??<br> </li> </ul> <p><strong>三、默認(rèn)的提示? <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> </div> <p>如需要修改，可在js代碼中加入：? <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> jQuery.extend(jQuery.validator.messages, { required: "必選字段", remote: "請(qǐng)修正該字段", email: "請(qǐng)輸入正確格式的電子郵件", url: "請(qǐng)輸入合法的網(wǎng)址", date: "請(qǐng)輸入合法的日期", dateISO: "請(qǐng)輸入合法的日期 (ISO).", number: "請(qǐng)輸入合法的數(shù)字", digits: "只能輸入整數(shù)", creditcard: "請(qǐng)輸入合法的信用卡號(hào)", equalTo: "請(qǐng)?jiān)俅屋斎胂嗤闹?quot;, accept: "請(qǐng)輸入擁有合法后綴名的字符串", maxlength: jQuery.validator.format("請(qǐng)輸入一個(gè)長度最多是 {0} 的字符串"), minlength: jQuery.validator.format("請(qǐng)輸入一個(gè)長度最少是 {0} 的字符串"), rangelength: jQuery.validator.format("請(qǐng)輸入一個(gè)長度介于 {0} 和 {1} 之間的字符串"), range: jQuery.validator.format("請(qǐng)輸入一個(gè)介于 {0} 和 {1} 之間的值"), max: jQuery.validator.format("請(qǐng)輸入一個(gè)最大為 {0} 的值"), min: jQuery.validator.format("請(qǐng)輸入一個(gè)最小為 {0} 的值") }); </pre> </div> <p><span style="color: #800000"><strong>推薦做法，</strong></span>將此文件放入messages_cn.js中，在頁面中引入? <br /> [codept src="../js/messages_cn.js" type="text/javascript"></script>?[/code<br /> <strong>四、使用方式? <br /> </strong>1.將校驗(yàn)規(guī)則寫到控件中? <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> </div> <p>使用class="{}"的方式，必須引入包：jquery.metadata.js? <br /> 可以使用如下的方法，修改提示內(nèi)容：? <br /> <div id="377j5v51b" class="codetitle"><span><a style="CURSOR: pointer" data="26855" class="copybut" id="copybut26855" onclick="doCopy('code26855')"><U>復(fù)制代碼</U></a></span> 代碼如下:</div><div id="377j5v51b" class="codebody" id="code26855">class="{required:true,minlength:5,messages:{required:'請(qǐng)輸入內(nèi)容'}}"</div> <br /> 在使用equalTo關(guān)鍵字時(shí)，后面的內(nèi)容必須加上引號(hào)，如下代碼： <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 /> 另外一個(gè)方式，使用關(guān)鍵字：meta（為了元數(shù)據(jù)使用其他插件你要包裝 你的驗(yàn)證規(guī)則 在他們自己的項(xiàng)目中可以用這個(gè)特殊的選項(xiàng)） <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.將校驗(yàn)規(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: "請(qǐng)輸入姓名", email: { required: "請(qǐng)輸入Email地址", email: "請(qǐng)輸入正確的email地址" }, password: { required: "請(qǐng)輸入密碼", minlength: jQuery.format("密碼不能小于{0}個(gè)字符") }, confirm_password: { required: "請(qǐng)輸入確認(rèn)密碼", minlength: "確認(rèn)密碼不能小于5個(gè)字符", equalTo: "兩次輸入密碼不一致不一致" } } }); }); //messages處，如果某個(gè)控件沒有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á)式的值為真，則需要驗(yàn)證 <br /> required:function(){}返回為真，表時(shí)需要驗(yàn)證 <br /> 后邊兩種常用于，表單中需要同時(shí)填或不填的元素 <br /> </p> <p><strong>五、實(shí)例講解</strong></p> <p><strong>實(shí)例一：</strong><span style="color: #800000"><strong>精簡驗(yàn)證，通過表單對(duì)象調(diào)用validate()方法進(jìn)行驗(yàn)證，驗(yàn)證規(guī)則通過html標(biāo)簽屬性定義：以下為常用屬性定義距離</strong></span></p> <p>class='required' //必須字段<br /> class='mail' //郵箱驗(yàn)證<br /> class='url' //URL網(wǎng)址驗(yàn)證<br /> class='date' //正確的日期 格式滿足 2012，0204，2012-02-04<br /> class='number' //輸入合法的數(shù)字<br /> class='digits' //輸入整數(shù)<br /> minlength='' //最小輸入長度<br /> maxlength='' //最長輸入長度(該值不會(huì)提示，當(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 - 表單驗(yàn)證插件實(shí)例 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>表單驗(yàn)證</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>實(shí)例二：<span style="color: #800000">方法驗(yàn)證，通過自定義表單規(guī)則來驗(yàn)證表單</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 - 表單驗(yàn)證插件實(shí)例 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個(gè)字符之間", maxlength:"名稱長度在3-40個(gè)字符之間",remote:"用戶名已存在"}, email: {required:"需要輸入電子郵箱", email:"電子郵箱格式不正確"}, url: {required:"需要輸入U(xiǎn)RL地址", url:"URL地址格式不正確"}, text:"需要輸入文本內(nèi)容" }, }); }); </script> </head> <body> <form id="commentForm" method="get" action="" > <fieldset> <legend>表單驗(yàn)證</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)容，希望對(duì)大家的學(xué)習(xí)有所幫助。</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">本站聲明</div> <div>本文內(nèi)容由網(wǎng)友自發(fā)貢獻(xiàn)，版權(quán)歸原作者所有，本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容，請(qǐng)聯(lián)系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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/faq/1796831905.html" title="Windows安全是空白或不顯示選項(xiàng)" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項(xiàng)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個(gè)月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>免費(fèi)脫衣服圖片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>人工智能驅(qū)動(dòng)的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI脫衣機(jī)</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>使用我們完全免費(fèi)的人工智能換臉工具輕松在任何視頻中換臉！</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/faq/1796831905.html" title="Windows安全是空白或不顯示選項(xiàng)" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項(xiàng)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個(gè)月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title"> <h3>記事本++7.3.1</h3> </a> <p>好用且免費(fèi)的代碼編輯器</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title"> <h3>禪工作室 13.0.1</h3> </a> <p>功能強(qiáng)大的PHP集成開發(fā)環(huán)境</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac版</h3> </a> <p>神級(jí)代碼編輯軟件(SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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>1601</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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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是一個(gè)流行的JavaScript庫，被廣泛用于網(wǎng)站開發(fā)中，它簡化了JavaScript編程，并為開發(fā)者提供了豐富的功能和特性。本文將詳細(xì)介紹jQuery的引用方法，并提供具體的代碼示例，幫助讀者快速上手。引入jQuery首先，我們需要在HTML文件中引入jQuery庫?？梢酝ㄟ^CDN鏈接的方式引入，也可以下載</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/faq/692694.html" title="jQuery中如何使用PUT請(qǐ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/000/164/170910433346845.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery中如何使用PUT請(qǐng)求方式？" /> </a> <a href="http://m.miracleart.cn/zh/faq/692694.html" title="jQuery中如何使用PUT請(qǐng)求方式？" class="phphistorical_Version2_mids_title">jQuery中如何使用PUT請(qǐng)求方式？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 03:12 PM</span> <p class="Articlelist_txts_p">jQuery中如何使用PUT請(qǐng)求方式？在jQuery中，發(fā)送PUT請(qǐng)求的方法與發(fā)送其他類型的請(qǐng)求類似，但需要注意一些細(xì)節(jié)和參數(shù)設(shè)置。PUT請(qǐng)求通常用于更新資源，例如更新數(shù)據(jù)庫中的數(shù)據(jù)或更新服務(wù)器上的文件。以下是在jQuery中使用PUT請(qǐng)求方式的具體代碼示例。首先，確保引入了jQuery庫文件，然后可以通過以下方式發(fā)送PUT請(qǐng)求：$.ajax({u</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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)常需要對(duì)頁面中的元素進(jìn)行修改和操作。在使用jQuery時(shí)，有時(shí)候需要一次性修改頁面中所有a標(biāo)簽的文本內(nèi)容，這樣可以節(jié)省時(shí)間和精力。下面將介紹如何使用jQuery快速修改頁面所有a標(biāo)簽的文本，同時(shí)給出具體的代碼示例。首先，我們需要引入jQuery庫文件，確保在頁面中引入了以下代碼：<</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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)常會(huì)遇到需要修改頁面上鏈接標(biāo)簽（a標(biāo)簽）的文本內(nèi)容的需求。本文將介紹如何使用jQuery來實(shí)現(xiàn)這個(gè)目標(biāo)，并提供具體的代碼示例。首先，我們需要在頁面中引入jQuery庫。在HTML文件中添加以下代碼：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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)常會(huì)遇到需要操作元素的高度屬性的需求。有時(shí)候，我們可能需要?jiǎng)討B(tài)改變?cè)氐母叨?，而有時(shí)候又需要移除元素的高度屬性。本文將介紹如何使用jQuery來移除元素的高度屬性，并提供具體的代碼示例。在使用jQuery操作高度屬性之前，我們首先需要了解CSS中的height屬性。height屬性用于設(shè)置元素的高度</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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開始計(jì)數(shù)，即第一個(gè)元素的索引是0，第二個(gè)元素的索引是1，依此類推。eq()方法的語法如下：$("s</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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是一個(gè)流行的JavaScript庫，廣泛用于網(wǎng)頁開發(fā)中。在網(wǎng)頁開發(fā)過程中，經(jīng)常需要通過JavaScript動(dòng)態(tài)地向表格中添加新行。本文將介紹如何使用jQuery為表格添加新行，并提供具體的代碼示例。首先，我們需要在HTML頁面中引入jQuery庫?？梢酝ㄟ^以下代碼在標(biāo)簽中引入jQuery庫：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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元素時(shí)，經(jīng)常會(huì)遇到需要判斷元素是否具有某個(gè)特定屬性的情況。這種情況下，我們可以借助jQuery提供的方法來輕松實(shí)現(xiàn)這一功能。下面將介紹兩種常用的方法來判斷一個(gè)jQuery元素是否具有特定屬性，并附上具體的代碼示例。方法一：使用attr()方法和typeof操作符//判斷元素是否具有特定屬</p> </div> </div> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/about/us.html">關(guān)于我們</a> <a href="http://m.miracleart.cn/zh/about/disclaimer.html">免責(zé)聲明</a> <a href="http://m.miracleart.cn/zh/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://m.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="st60k" class="pl_css_ganrao" style="display: none;"><acronym id="st60k"><pre id="st60k"></pre></acronym><menu id="st60k"><dfn id="st60k"><input id="st60k"></input></dfn></menu><code id="st60k"></code><wbr id="st60k"></wbr><form id="st60k"><li id="st60k"><address id="st60k"></address></li></form><font id="st60k"><bdo id="st60k"><wbr id="st60k"></wbr></bdo></font><nav id="st60k"><ins id="st60k"><rt id="st60k"></rt></ins></nav><s id="st60k"></s><big id="st60k"></big><dfn id="st60k"></dfn><div id="st60k"></div><pre id="st60k"><label id="st60k"><ruby id="st60k"></ruby></label></pre><small id="st60k"></small><dl id="st60k"></dl><del id="st60k"></del><fieldset id="st60k"><optgroup id="st60k"><dl id="st60k"></dl></optgroup></fieldset><pre id="st60k"></pre><object id="st60k"></object><pre id="st60k"><thead id="st60k"><abbr id="st60k"></abbr></thead></pre><mark id="st60k"></mark><th id="st60k"></th><code id="st60k"><td id="st60k"><acronym id="st60k"><acronym id="st60k"></acronym></acronym></td></code><object id="st60k"></object><strong id="st60k"></strong><pre id="st60k"></pre><center id="st60k"></center><acronym id="st60k"></acronym><dfn id="st60k"></dfn><samp id="st60k"></samp><cite id="st60k"></cite><font id="st60k"></font><table id="st60k"></table><tfoot id="st60k"></tfoot><acronym id="st60k"></acronym><td id="st60k"><strong id="st60k"><strike id="st60k"></strike></strong></td><pre id="st60k"></pre><th id="st60k"></th><blockquote id="st60k"></blockquote><mark id="st60k"></mark><dfn id="st60k"><dd id="st60k"><tfoot id="st60k"><del id="st60k"></del></tfoot></dd></dfn><ol id="st60k"></ol><nav id="st60k"></nav><center id="st60k"></center><acronym id="st60k"></acronym><li id="st60k"><acronym id="st60k"></acronym></li><code id="st60k"><noframes id="st60k"></noframes></code><u id="st60k"><tr id="st60k"><kbd id="st60k"></kbd></tr></u><nav id="st60k"></nav><acronym id="st60k"></acronym><meter id="st60k"><table id="st60k"><menuitem id="st60k"><optgroup id="st60k"></optgroup></menuitem></table></meter><center id="st60k"></center><option id="st60k"><td id="st60k"></td></option><ul id="st60k"></ul><strike id="st60k"></strike><optgroup id="st60k"></optgroup><dl id="st60k"></dl><tt id="st60k"><progress id="st60k"></progress></tt><input id="st60k"></input><em id="st60k"><center id="st60k"><dfn id="st60k"></dfn></center></em><meter id="st60k"><input id="st60k"><tr id="st60k"></tr></input></meter><abbr id="st60k"><legend id="st60k"><strong id="st60k"></strong></legend></abbr><label id="st60k"></label><sup id="st60k"><object id="st60k"><tbody id="st60k"></tbody></object></sup><track id="st60k"></track><strike id="st60k"><pre id="st60k"><fieldset id="st60k"></fieldset></pre></strike><pre id="st60k"></pre><strike id="st60k"><noframes id="st60k"><dd id="st60k"></dd></noframes></strike><rt id="st60k"><track id="st60k"></track></rt><th id="st60k"><em id="st60k"><big id="st60k"></big></em></th><tt id="st60k"></tt><p id="st60k"><address id="st60k"><code id="st60k"></code></address></p><acronym id="st60k"></acronym><nobr id="st60k"></nobr><strike id="st60k"></strike><center id="st60k"><bdo id="st60k"></bdo></center><sup id="st60k"></sup><tr id="st60k"><menu id="st60k"><abbr id="st60k"></abbr></menu></tr><li id="st60k"><optgroup id="st60k"><mark id="st60k"></mark></optgroup></li><video id="st60k"><thead id="st60k"><center id="st60k"><dfn id="st60k"></dfn></center></thead></video><pre id="st60k"></pre><listing id="st60k"></listing><tbody id="st60k"><input id="st60k"><th id="st60k"></th></input></tbody><strike id="st60k"></strike><fieldset id="st60k"></fieldset><menuitem id="st60k"><object id="st60k"></object></menuitem><dfn id="st60k"><pre id="st60k"></pre></dfn><form id="st60k"></form><bdo id="st60k"><small id="st60k"><form id="st60k"><ruby id="st60k"></ruby></form></small></bdo><sup id="st60k"><delect id="st60k"><menu id="st60k"></menu></delect></sup><sub id="st60k"><tbody id="st60k"><thead id="st60k"><track id="st60k"></track></thead></tbody></sub><input id="st60k"><tr id="st60k"><pre id="st60k"></pre></tr></input><tfoot id="st60k"><dfn id="st60k"><meter id="st60k"><dl id="st60k"></dl></meter></dfn></tfoot><u id="st60k"><ins id="st60k"><form id="st60k"></form></ins></u><big id="st60k"></big><listing id="st60k"><samp id="st60k"><cite id="st60k"></cite></samp></listing><ruby id="st60k"></ruby><sup id="st60k"></sup><thead id="st60k"></thead><center id="st60k"><s id="st60k"><tr id="st60k"><style id="st60k"></style></tr></s></center><strong id="st60k"><ul id="st60k"><label id="st60k"></label></ul></strong><big id="st60k"></big><code id="st60k"><dfn id="st60k"><small id="st60k"><tfoot id="st60k"></tfoot></small></dfn></code><cite id="st60k"><pre id="st60k"></pre></cite><menu id="st60k"><dfn id="st60k"><optgroup id="st60k"><ruby id="st60k"></ruby></optgroup></dfn></menu><pre id="st60k"><tr id="st60k"><button id="st60k"></button></tr></pre><abbr id="st60k"></abbr><tbody id="st60k"><u id="st60k"><label id="st60k"></label></u></tbody><form id="st60k"></form><sup id="st60k"><small id="st60k"><source id="st60k"><bdo id="st60k"></bdo></source></small></sup><strong id="st60k"><center id="st60k"></center></strong><blockquote id="st60k"></blockquote><button id="st60k"><wbr id="st60k"><nobr id="st60k"></nobr></wbr></button><wbr id="st60k"><code id="st60k"><sub id="st60k"><tbody id="st60k"></tbody></sub></code></wbr><center id="st60k"><cite id="st60k"><dd id="st60k"><abbr id="st60k"></abbr></dd></cite></center><optgroup id="st60k"></optgroup><li id="st60k"><tr id="st60k"><kbd id="st60k"></kbd></tr></li><source id="st60k"><th id="st60k"><wbr id="st60k"><option id="st60k"></option></wbr></th></source><td id="st60k"><acronym id="st60k"><center id="st60k"></center></acronym></td><code id="st60k"></code><thead id="st60k"></thead><small id="st60k"><form id="st60k"></form></small><th id="st60k"><abbr id="st60k"><menu id="st60k"></menu></abbr></th><tbody id="st60k"></tbody><fieldset id="st60k"></fieldset><kbd id="st60k"><center id="st60k"><pre id="st60k"></pre></center></kbd><del id="st60k"></del><dl id="st60k"><strong id="st60k"><ul id="st60k"></ul></strong></dl><bdo id="st60k"><sup id="st60k"><code id="st60k"><sub id="st60k"></sub></code></sup></bdo><noframes id="st60k"></noframes><code id="st60k"><noframes id="st60k"></noframes></code><tr id="st60k"><object id="st60k"></object></tr><ol id="st60k"><abbr id="st60k"><input id="st60k"></input></abbr></ol><small id="st60k"></small><abbr id="st60k"><legend id="st60k"><strong id="st60k"></strong></legend></abbr><samp id="st60k"><cite id="st60k"><dd id="st60k"></dd></cite></samp><rp id="st60k"></rp><optgroup id="st60k"></optgroup><listing id="st60k"><samp id="st60k"></samp></listing><sup id="st60k"></sup><menu id="st60k"></menu><form id="st60k"><i id="st60k"><address id="st60k"></address></i></form><acronym id="st60k"></acronym><p id="st60k"></p><nav id="st60k"><tr id="st60k"><menu id="st60k"></menu></tr></nav><dl id="st60k"></dl><td id="st60k"><listing id="st60k"></listing></td><label id="st60k"><form id="st60k"><strike id="st60k"></strike></form></label><em id="st60k"></em><rt id="st60k"></rt></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>實(shí)例二：<span style=\"color: #800000\">方法驗(yàn)證，通過自定義表單規(guī)則來驗(yàn)證表單<\/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 - 表單驗(yàn)證插件實(shí)例 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://m.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://m.miracleart.cn/zh/" 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="社區(qū)" class="head_nava head_nava-template1">社區(qū)</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://m.miracleart.cn/zh/article.html" title="文章" class="languagechoosea on">文章</a> <a href="http://m.miracleart.cn/zh/faq/zt" title="合集" class="languagechoosea">合集</a> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/course.html" title="課程" class="languagechoosea on">課程</a> <a href="http://m.miracleart.cn/zh/dic/" title="編程詞典" class="languagechoosea">編程詞典</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://m.miracleart.cn/zh/toolset/development-tools" title="開發(fā)工具" class="languagechoosea on">開發(fā)工具</a> <a href="http://m.miracleart.cn/zh/toolset/website-source-code" title="網(wǎng)站源碼" class="languagechoosea">網(wǎng)站源碼</a> <a href="http://m.miracleart.cn/zh/toolset/php-libraries" title="PHP 庫" class="languagechoosea">PHP 庫</a> <a href="http://m.miracleart.cn/zh/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a> <a href="http://m.miracleart.cn/zh/toolset/website-materials" title="網(wǎng)站素材" class="languagechoosea on">網(wǎng)站素材</a> <a href="http://m.miracleart.cn/zh/toolset/extension-plug-ins" title="擴(kuò)展插件" class="languagechoosea on">擴(kuò)展插件</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/game" title="游戲下載" class="languagechoosea on">游戲下載</a> <a href="http://m.miracleart.cn/zh/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')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="搜索" onclick="searchs('zh')"><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:;" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" 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://m.miracleart.cn/zh/" title="首頁" class="phpgenera_Details_mainL1a">首頁</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://m.miracleart.cn/zh/web-designer.html" class="phpgenera_Details_mainL1a">web前端</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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> 當(dāng)前版本：1.5.5? <br> 需要JQuery版本：1.2.6 , 兼容 1.3.2? <br> ? <br> ??<br> <strong>二、默認(rèn)校驗(yàn)規(guī)則? <br> </strong></p> <ul> <li>(1)required:true??????????????? 必輸字段?</li> <li>(2)remote:"check.php"?????使用ajax方法調(diào)用check.php驗(yàn)證輸入值?</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 只驗(yàn)證格式，不驗(yàn)證有效性?</li> <li>(7)number:true???????????????? 必須輸入合法的數(shù)字(負(fù)數(shù)，小數(shù))?</li> <li>(8)digits:true??????????????????? 必須輸入整數(shù)?</li> <li>(9)creditcard:?????????????????? 必須輸入合法的信用卡號(hào)?</li> <li>(10)equalTo:"#field"?????????? 輸入值必須和#field相同?</li> <li>(11)accept:?????????????????????? 輸入擁有合法后綴名的字符串（上傳文件的后綴）?</li> <li>(12)maxlength:5??????????????? 輸入長度最多是5的字符串(漢字算一個(gè)字符)?</li> <li>(13)minlength:10?????????????? 輸入長度最小是10的字符串(漢字算一個(gè)字符)?</li> <li>(14)rangelength:[5,10]????????輸入長度必須介于 5 和 10 之間的字符串")(漢字算一個(gè)字符)?</li> <li>(15)range:[5,10]???????????????? 輸入值必須介于 5 和 10 之間?</li> <li>(16)max:5?????????????????????? ? 輸入值不能大于5?</li> <li>(17)min:10??????????????????????? 輸入值不能小于10??<br> </li> </ul> <p><strong>三、默認(rèn)的提示? <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> </div> <p>如需要修改，可在js代碼中加入：? <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> jQuery.extend(jQuery.validator.messages, { required: "必選字段", remote: "請(qǐng)修正該字段", email: "請(qǐng)輸入正確格式的電子郵件", url: "請(qǐng)輸入合法的網(wǎng)址", date: "請(qǐng)輸入合法的日期", dateISO: "請(qǐng)輸入合法的日期 (ISO).", number: "請(qǐng)輸入合法的數(shù)字", digits: "只能輸入整數(shù)", creditcard: "請(qǐng)輸入合法的信用卡號(hào)", equalTo: "請(qǐng)?jiān)俅屋斎胂嗤闹?quot;, accept: "請(qǐng)輸入擁有合法后綴名的字符串", maxlength: jQuery.validator.format("請(qǐng)輸入一個(gè)長度最多是 {0} 的字符串"), minlength: jQuery.validator.format("請(qǐng)輸入一個(gè)長度最少是 {0} 的字符串"), rangelength: jQuery.validator.format("請(qǐng)輸入一個(gè)長度介于 {0} 和 {1} 之間的字符串"), range: jQuery.validator.format("請(qǐng)輸入一個(gè)介于 {0} 和 {1} 之間的值"), max: jQuery.validator.format("請(qǐng)輸入一個(gè)最大為 {0} 的值"), min: jQuery.validator.format("請(qǐng)輸入一個(gè)最小為 {0} 的值") }); </pre> </div> <p><span style="color: #800000"><strong>推薦做法，</strong></span>將此文件放入messages_cn.js中，在頁面中引入? <br /> [codept src="../js/messages_cn.js" type="text/javascript"></script>?[/code<br /> <strong>四、使用方式? <br /> </strong>1.將校驗(yàn)規(guī)則寫到控件中? <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> </div> <p>使用class="{}"的方式，必須引入包：jquery.metadata.js? <br /> 可以使用如下的方法，修改提示內(nèi)容：? <br /> <div id="377j5v51b" class="codetitle"><span><a style="CURSOR: pointer" data="26855" class="copybut" id="copybut26855" onclick="doCopy('code26855')"><U>復(fù)制代碼</U></a></span> 代碼如下:</div><div id="377j5v51b" class="codebody" id="code26855">class="{required:true,minlength:5,messages:{required:'請(qǐng)輸入內(nèi)容'}}"</div> <br /> 在使用equalTo關(guān)鍵字時(shí)，后面的內(nèi)容必須加上引號(hào)，如下代碼： <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 /> 另外一個(gè)方式，使用關(guān)鍵字：meta（為了元數(shù)據(jù)使用其他插件你要包裝 你的驗(yàn)證規(guī)則 在他們自己的項(xiàng)目中可以用這個(gè)特殊的選項(xiàng)） <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.將校驗(yàn)規(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: "請(qǐng)輸入姓名", email: { required: "請(qǐng)輸入Email地址", email: "請(qǐng)輸入正確的email地址" }, password: { required: "請(qǐng)輸入密碼", minlength: jQuery.format("密碼不能小于{0}個(gè)字符") }, confirm_password: { required: "請(qǐng)輸入確認(rèn)密碼", minlength: "確認(rèn)密碼不能小于5個(gè)字符", equalTo: "兩次輸入密碼不一致不一致" } } }); }); //messages處，如果某個(gè)控件沒有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á)式的值為真，則需要驗(yàn)證 <br /> required:function(){}返回為真，表時(shí)需要驗(yàn)證 <br /> 后邊兩種常用于，表單中需要同時(shí)填或不填的元素 <br /> </p> <p><strong>五、實(shí)例講解</strong></p> <p><strong>實(shí)例一：</strong><span style="color: #800000"><strong>精簡驗(yàn)證，通過表單對(duì)象調(diào)用validate()方法進(jìn)行驗(yàn)證，驗(yàn)證規(guī)則通過html標(biāo)簽屬性定義：以下為常用屬性定義距離</strong></span></p> <p>class='required' //必須字段<br /> class='mail' //郵箱驗(yàn)證<br /> class='url' //URL網(wǎng)址驗(yàn)證<br /> class='date' //正確的日期 格式滿足 2012，0204，2012-02-04<br /> class='number' //輸入合法的數(shù)字<br /> class='digits' //輸入整數(shù)<br /> minlength='' //最小輸入長度<br /> maxlength='' //最長輸入長度(該值不會(huì)提示，當(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 - 表單驗(yàn)證插件實(shí)例 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>表單驗(yàn)證</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>實(shí)例二：<span style="color: #800000">方法驗(yàn)證，通過自定義表單規(guī)則來驗(yàn)證表單</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 - 表單驗(yàn)證插件實(shí)例 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個(gè)字符之間", maxlength:"名稱長度在3-40個(gè)字符之間",remote:"用戶名已存在"}, email: {required:"需要輸入電子郵箱", email:"電子郵箱格式不正確"}, url: {required:"需要輸入U(xiǎn)RL地址", url:"URL地址格式不正確"}, text:"需要輸入文本內(nèi)容" }, }); }); </script> </head> <body> <form id="commentForm" method="get" action="" > <fieldset> <legend>表單驗(yàn)證</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)容，希望對(duì)大家的學(xué)習(xí)有所幫助。</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">本站聲明</div> <div>本文內(nèi)容由網(wǎng)友自發(fā)貢獻(xiàn)，版權(quán)歸原作者所有，本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容，請(qǐng)聯(lián)系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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/faq/1796831905.html" title="Windows安全是空白或不顯示選項(xiàng)" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項(xiàng)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個(gè)月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>免費(fèi)脫衣服圖片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>人工智能驅(qū)動(dòng)的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI脫衣機(jī)</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>使用我們完全免費(fèi)的人工智能換臉工具輕松在任何視頻中換臉！</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/faq/1796831905.html" title="Windows安全是空白或不顯示選項(xiàng)" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項(xiàng)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個(gè)月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title"> <h3>記事本++7.3.1</h3> </a> <p>好用且免費(fèi)的代碼編輯器</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title"> <h3>禪工作室 13.0.1</h3> </a> <p>功能強(qiáng)大的PHP集成開發(fā)環(huán)境</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac版</h3> </a> <p>神級(jí)代碼編輯軟件(SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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>1601</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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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是一個(gè)流行的JavaScript庫，被廣泛用于網(wǎng)站開發(fā)中，它簡化了JavaScript編程，并為開發(fā)者提供了豐富的功能和特性。本文將詳細(xì)介紹jQuery的引用方法，并提供具體的代碼示例，幫助讀者快速上手。引入jQuery首先，我們需要在HTML文件中引入jQuery庫?？梢酝ㄟ^CDN鏈接的方式引入，也可以下載</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/faq/692694.html" title="jQuery中如何使用PUT請(qǐ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/000/164/170910433346845.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery中如何使用PUT請(qǐng)求方式？" /> </a> <a href="http://m.miracleart.cn/zh/faq/692694.html" title="jQuery中如何使用PUT請(qǐng)求方式？" class="phphistorical_Version2_mids_title">jQuery中如何使用PUT請(qǐng)求方式？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 03:12 PM</span> <p class="Articlelist_txts_p">jQuery中如何使用PUT請(qǐng)求方式？在jQuery中，發(fā)送PUT請(qǐng)求的方法與發(fā)送其他類型的請(qǐng)求類似，但需要注意一些細(xì)節(jié)和參數(shù)設(shè)置。PUT請(qǐng)求通常用于更新資源，例如更新數(shù)據(jù)庫中的數(shù)據(jù)或更新服務(wù)器上的文件。以下是在jQuery中使用PUT請(qǐng)求方式的具體代碼示例。首先，確保引入了jQuery庫文件，然后可以通過以下方式發(fā)送PUT請(qǐng)求：$.ajax({u</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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)常需要對(duì)頁面中的元素進(jìn)行修改和操作。在使用jQuery時(shí)，有時(shí)候需要一次性修改頁面中所有a標(biāo)簽的文本內(nèi)容，這樣可以節(jié)省時(shí)間和精力。下面將介紹如何使用jQuery快速修改頁面所有a標(biāo)簽的文本，同時(shí)給出具體的代碼示例。首先，我們需要引入jQuery庫文件，確保在頁面中引入了以下代碼：<</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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)常會(huì)遇到需要修改頁面上鏈接標(biāo)簽（a標(biāo)簽）的文本內(nèi)容的需求。本文將介紹如何使用jQuery來實(shí)現(xiàn)這個(gè)目標(biāo)，并提供具體的代碼示例。首先，我們需要在頁面中引入jQuery庫。在HTML文件中添加以下代碼：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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)常會(huì)遇到需要操作元素的高度屬性的需求。有時(shí)候，我們可能需要?jiǎng)討B(tài)改變?cè)氐母叨?，而有時(shí)候又需要移除元素的高度屬性。本文將介紹如何使用jQuery來移除元素的高度屬性，并提供具體的代碼示例。在使用jQuery操作高度屬性之前，我們首先需要了解CSS中的height屬性。height屬性用于設(shè)置元素的高度</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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開始計(jì)數(shù)，即第一個(gè)元素的索引是0，第二個(gè)元素的索引是1，依此類推。eq()方法的語法如下：$("s</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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是一個(gè)流行的JavaScript庫，廣泛用于網(wǎng)頁開發(fā)中。在網(wǎng)頁開發(fā)過程中，經(jīng)常需要通過JavaScript動(dòng)態(tài)地向表格中添加新行。本文將介紹如何使用jQuery為表格添加新行，并提供具體的代碼示例。首先，我們需要在HTML頁面中引入jQuery庫?？梢酝ㄟ^以下代碼在標(biāo)簽中引入jQuery庫：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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元素時(shí)，經(jīng)常會(huì)遇到需要判斷元素是否具有某個(gè)特定屬性的情況。這種情況下，我們可以借助jQuery提供的方法來輕松實(shí)現(xiàn)這一功能。下面將介紹兩種常用的方法來判斷一個(gè)jQuery元素是否具有特定屬性，并附上具體的代碼示例。方法一：使用attr()方法和typeof操作符//判斷元素是否具有特定屬</p> </div> </div> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/about/us.html">關(guān)于我們</a> <a href="http://m.miracleart.cn/zh/about/disclaimer.html">免責(zé)聲明</a> <a href="http://m.miracleart.cn/zh/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://m.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="st60k" class="pl_css_ganrao" style="display: none;"><acronym id="st60k"><pre id="st60k"></pre></acronym><menu id="st60k"><dfn id="st60k"><input id="st60k"></input></dfn></menu><code id="st60k"></code><wbr id="st60k"></wbr><form id="st60k"><li id="st60k"><address id="st60k"></address></li></form><font id="st60k"><bdo id="st60k"><wbr id="st60k"></wbr></bdo></font><nav id="st60k"><ins id="st60k"><rt id="st60k"></rt></ins></nav><s id="st60k"></s><big id="st60k"></big><dfn id="st60k"></dfn><div id="st60k"></div><pre id="st60k"><label id="st60k"><ruby id="st60k"></ruby></label></pre><small id="st60k"></small><dl id="st60k"></dl><del id="st60k"></del><fieldset id="st60k"><optgroup id="st60k"><dl id="st60k"></dl></optgroup></fieldset><pre id="st60k"></pre><object id="st60k"></object><pre id="st60k"><thead id="st60k"><abbr id="st60k"></abbr></thead></pre><mark id="st60k"></mark><th id="st60k"></th><code id="st60k"><td id="st60k"><acronym id="st60k"><acronym id="st60k"></acronym></acronym></td></code><object id="st60k"></object><strong id="st60k"></strong><pre id="st60k"></pre><center id="st60k"></center><acronym id="st60k"></acronym><dfn id="st60k"></dfn><samp id="st60k"></samp><cite id="st60k"></cite><font id="st60k"></font><table id="st60k"></table><tfoot id="st60k"></tfoot><acronym id="st60k"></acronym><td id="st60k"><strong id="st60k"><strike id="st60k"></strike></strong></td><pre id="st60k"></pre><th id="st60k"></th><blockquote id="st60k"></blockquote><mark id="st60k"></mark><dfn id="st60k"><dd id="st60k"><tfoot id="st60k"><del id="st60k"></del></tfoot></dd></dfn><ol id="st60k"></ol><nav id="st60k"></nav><center id="st60k"></center><acronym id="st60k"></acronym><li id="st60k"><acronym id="st60k"></acronym></li><code id="st60k"><noframes id="st60k"></noframes></code><u id="st60k"><tr id="st60k"><kbd id="st60k"></kbd></tr></u><nav id="st60k"></nav><acronym id="st60k"></acronym><meter id="st60k"><table id="st60k"><menuitem id="st60k"><optgroup id="st60k"></optgroup></menuitem></table></meter><center id="st60k"></center><option id="st60k"><td id="st60k"></td></option><ul id="st60k"></ul><strike id="st60k"></strike><optgroup id="st60k"></optgroup><dl id="st60k"></dl><tt id="st60k"><progress id="st60k"></progress></tt><input id="st60k"></input><em id="st60k"><center id="st60k"><dfn id="st60k"></dfn></center></em><meter id="st60k"><input id="st60k"><tr id="st60k"></tr></input></meter><abbr id="st60k"><legend id="st60k"><strong id="st60k"></strong></legend></abbr><label id="st60k"></label><sup id="st60k"><object id="st60k"><tbody id="st60k"></tbody></object></sup><track id="st60k"></track><strike id="st60k"><pre id="st60k"><fieldset id="st60k"></fieldset></pre></strike><pre id="st60k"></pre><strike id="st60k"><noframes id="st60k"><dd id="st60k"></dd></noframes></strike><rt id="st60k"><track id="st60k"></track></rt><th id="st60k"><em id="st60k"><big id="st60k"></big></em></th><tt id="st60k"></tt><p id="st60k"><address id="st60k"><code id="st60k"></code></address></p><acronym id="st60k"></acronym><nobr id="st60k"></nobr><strike id="st60k"></strike><center id="st60k"><bdo id="st60k"></bdo></center><sup id="st60k"></sup><tr id="st60k"><menu id="st60k"><abbr id="st60k"></abbr></menu></tr><li id="st60k"><optgroup id="st60k"><mark id="st60k"></mark></optgroup></li><video id="st60k"><thead id="st60k"><center id="st60k"><dfn id="st60k"></dfn></center></thead></video><pre id="st60k"></pre><listing id="st60k"></listing><tbody id="st60k"><input id="st60k"><th id="st60k"></th></input></tbody><strike id="st60k"></strike><fieldset id="st60k"></fieldset><menuitem id="st60k"><object id="st60k"></object></menuitem><dfn id="st60k"><pre id="st60k"></pre></dfn><form id="st60k"></form><bdo id="st60k"><small id="st60k"><form id="st60k"><ruby id="st60k"></ruby></form></small></bdo><sup id="st60k"><delect id="st60k"><menu id="st60k"></menu></delect></sup><sub id="st60k"><tbody id="st60k"><thead id="st60k"><track id="st60k"></track></thead></tbody></sub><input id="st60k"><tr id="st60k"><pre id="st60k"></pre></tr></input><tfoot id="st60k"><dfn id="st60k"><meter id="st60k"><dl id="st60k"></dl></meter></dfn></tfoot><u id="st60k"><ins id="st60k"><form id="st60k"></form></ins></u><big id="st60k"></big><listing id="st60k"><samp id="st60k"><cite id="st60k"></cite></samp></listing><ruby id="st60k"></ruby><sup id="st60k"></sup><thead id="st60k"></thead><center id="st60k"><s id="st60k"><tr id="st60k"><style id="st60k"></style></tr></s></center><strong id="st60k"><ul id="st60k"><label id="st60k"></label></ul></strong><big id="st60k"></big><code id="st60k"><dfn id="st60k"><small id="st60k"><tfoot id="st60k"></tfoot></small></dfn></code><cite id="st60k"><pre id="st60k"></pre></cite><menu id="st60k"><dfn id="st60k"><optgroup id="st60k"><ruby id="st60k"></ruby></optgroup></dfn></menu><pre id="st60k"><tr id="st60k"><button id="st60k"></button></tr></pre><abbr id="st60k"></abbr><tbody id="st60k"><u id="st60k"><label id="st60k"></label></u></tbody><form id="st60k"></form><sup id="st60k"><small id="st60k"><source id="st60k"><bdo id="st60k"></bdo></source></small></sup><strong id="st60k"><center id="st60k"></center></strong><blockquote id="st60k"></blockquote><button id="st60k"><wbr id="st60k"><nobr id="st60k"></nobr></wbr></button><wbr id="st60k"><code id="st60k"><sub id="st60k"><tbody id="st60k"></tbody></sub></code></wbr><center id="st60k"><cite id="st60k"><dd id="st60k"><abbr id="st60k"></abbr></dd></cite></center><optgroup id="st60k"></optgroup><li id="st60k"><tr id="st60k"><kbd id="st60k"></kbd></tr></li><source id="st60k"><th id="st60k"><wbr id="st60k"><option id="st60k"></option></wbr></th></source><td id="st60k"><acronym id="st60k"><center id="st60k"></center></acronym></td><code id="st60k"></code><thead id="st60k"></thead><small id="st60k"><form id="st60k"></form></small><th id="st60k"><abbr id="st60k"><menu id="st60k"></menu></abbr></th><tbody id="st60k"></tbody><fieldset id="st60k"></fieldset><kbd id="st60k"><center id="st60k"><pre id="st60k"></pre></center></kbd><del id="st60k"></del><dl id="st60k"><strong id="st60k"><ul id="st60k"></ul></strong></dl><bdo id="st60k"><sup id="st60k"><code id="st60k"><sub id="st60k"></sub></code></sup></bdo><noframes id="st60k"></noframes><code id="st60k"><noframes id="st60k"></noframes></code><tr id="st60k"><object id="st60k"></object></tr><ol id="st60k"><abbr id="st60k"><input id="st60k"></input></abbr></ol><small id="st60k"></small><abbr id="st60k"><legend id="st60k"><strong id="st60k"></strong></legend></abbr><samp id="st60k"><cite id="st60k"><dd id="st60k"></dd></cite></samp><rp id="st60k"></rp><optgroup id="st60k"></optgroup><listing id="st60k"><samp id="st60k"></samp></listing><sup id="st60k"></sup><menu id="st60k"></menu><form id="st60k"><i id="st60k"><address id="st60k"></address></i></form><acronym id="st60k"></acronym><p id="st60k"></p><nav id="st60k"><tr id="st60k"><menu id="st60k"></menu></tr></nav><dl id="st60k"></dl><td id="st60k"><listing id="st60k"></listing></td><label id="st60k"><form id="st60k"><strike id="st60k"></strike></form></label><em id="st60k"></em><rt id="st60k"></rt></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>實(shí)例二：<span style=\"color: #800000\">方法驗(yàn)證，通過自定義表單規(guī)則來驗(yàn)證表單<\/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 - 表單驗(yàn)證插件實(shí)例 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://m.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://m.miracleart.cn/zh/" 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="社區(qū)" class="head_nava head_nava-template1">社區(qū)</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://m.miracleart.cn/zh/article.html" title="文章" class="languagechoosea on">文章</a> <a href="http://m.miracleart.cn/zh/faq/zt" title="合集" class="languagechoosea">合集</a> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/course.html" title="課程" class="languagechoosea on">課程</a> <a href="http://m.miracleart.cn/zh/dic/" title="編程詞典" class="languagechoosea">編程詞典</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://m.miracleart.cn/zh/toolset/development-tools" title="開發(fā)工具" class="languagechoosea on">開發(fā)工具</a> <a href="http://m.miracleart.cn/zh/toolset/website-source-code" title="網(wǎng)站源碼" class="languagechoosea">網(wǎng)站源碼</a> <a href="http://m.miracleart.cn/zh/toolset/php-libraries" title="PHP 庫" class="languagechoosea">PHP 庫</a> <a href="http://m.miracleart.cn/zh/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a> <a href="http://m.miracleart.cn/zh/toolset/website-materials" title="網(wǎng)站素材" class="languagechoosea on">網(wǎng)站素材</a> <a href="http://m.miracleart.cn/zh/toolset/extension-plug-ins" title="擴(kuò)展插件" class="languagechoosea on">擴(kuò)展插件</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/game" title="游戲下載" class="languagechoosea on">游戲下載</a> <a href="http://m.miracleart.cn/zh/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')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="搜索" onclick="searchs('zh')"><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:;" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" 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://m.miracleart.cn/zh/" title="首頁" class="phpgenera_Details_mainL1a">首頁</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://m.miracleart.cn/zh/web-designer.html" class="phpgenera_Details_mainL1a">web前端</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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> 當(dāng)前版本：1.5.5? <br> 需要JQuery版本：1.2.6 , 兼容 1.3.2? <br> ? <br> ??<br> <strong>二、默認(rèn)校驗(yàn)規(guī)則? <br> </strong></p> <ul> <li>(1)required:true??????????????? 必輸字段?</li> <li>(2)remote:"check.php"?????使用ajax方法調(diào)用check.php驗(yàn)證輸入值?</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 只驗(yàn)證格式，不驗(yàn)證有效性?</li> <li>(7)number:true???????????????? 必須輸入合法的數(shù)字(負(fù)數(shù)，小數(shù))?</li> <li>(8)digits:true??????????????????? 必須輸入整數(shù)?</li> <li>(9)creditcard:?????????????????? 必須輸入合法的信用卡號(hào)?</li> <li>(10)equalTo:"#field"?????????? 輸入值必須和#field相同?</li> <li>(11)accept:?????????????????????? 輸入擁有合法后綴名的字符串（上傳文件的后綴）?</li> <li>(12)maxlength:5??????????????? 輸入長度最多是5的字符串(漢字算一個(gè)字符)?</li> <li>(13)minlength:10?????????????? 輸入長度最小是10的字符串(漢字算一個(gè)字符)?</li> <li>(14)rangelength:[5,10]????????輸入長度必須介于 5 和 10 之間的字符串")(漢字算一個(gè)字符)?</li> <li>(15)range:[5,10]???????????????? 輸入值必須介于 5 和 10 之間?</li> <li>(16)max:5?????????????????????? ? 輸入值不能大于5?</li> <li>(17)min:10??????????????????????? 輸入值不能小于10??<br> </li> </ul> <p><strong>三、默認(rèn)的提示? <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> </div> <p>如需要修改，可在js代碼中加入：? <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> jQuery.extend(jQuery.validator.messages, { required: "必選字段", remote: "請(qǐng)修正該字段", email: "請(qǐng)輸入正確格式的電子郵件", url: "請(qǐng)輸入合法的網(wǎng)址", date: "請(qǐng)輸入合法的日期", dateISO: "請(qǐng)輸入合法的日期 (ISO).", number: "請(qǐng)輸入合法的數(shù)字", digits: "只能輸入整數(shù)", creditcard: "請(qǐng)輸入合法的信用卡號(hào)", equalTo: "請(qǐng)?jiān)俅屋斎胂嗤闹?quot;, accept: "請(qǐng)輸入擁有合法后綴名的字符串", maxlength: jQuery.validator.format("請(qǐng)輸入一個(gè)長度最多是 {0} 的字符串"), minlength: jQuery.validator.format("請(qǐng)輸入一個(gè)長度最少是 {0} 的字符串"), rangelength: jQuery.validator.format("請(qǐng)輸入一個(gè)長度介于 {0} 和 {1} 之間的字符串"), range: jQuery.validator.format("請(qǐng)輸入一個(gè)介于 {0} 和 {1} 之間的值"), max: jQuery.validator.format("請(qǐng)輸入一個(gè)最大為 {0} 的值"), min: jQuery.validator.format("請(qǐng)輸入一個(gè)最小為 {0} 的值") }); </pre> </div> <p><span style="color: #800000"><strong>推薦做法，</strong></span>將此文件放入messages_cn.js中，在頁面中引入? <br /> [codept src="../js/messages_cn.js" type="text/javascript"></script>?[/code<br /> <strong>四、使用方式? <br /> </strong>1.將校驗(yàn)規(guī)則寫到控件中? <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> </div> <p>使用class="{}"的方式，必須引入包：jquery.metadata.js? <br /> 可以使用如下的方法，修改提示內(nèi)容：? <br /> <div id="377j5v51b" class="codetitle"><span><a style="CURSOR: pointer" data="26855" class="copybut" id="copybut26855" onclick="doCopy('code26855')"><U>復(fù)制代碼</U></a></span> 代碼如下:</div><div id="377j5v51b" class="codebody" id="code26855">class="{required:true,minlength:5,messages:{required:'請(qǐng)輸入內(nèi)容'}}"</div> <br /> 在使用equalTo關(guān)鍵字時(shí)，后面的內(nèi)容必須加上引號(hào)，如下代碼： <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 /> 另外一個(gè)方式，使用關(guān)鍵字：meta（為了元數(shù)據(jù)使用其他插件你要包裝 你的驗(yàn)證規(guī)則 在他們自己的項(xiàng)目中可以用這個(gè)特殊的選項(xiàng)） <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.將校驗(yàn)規(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: "請(qǐng)輸入姓名", email: { required: "請(qǐng)輸入Email地址", email: "請(qǐng)輸入正確的email地址" }, password: { required: "請(qǐng)輸入密碼", minlength: jQuery.format("密碼不能小于{0}個(gè)字符") }, confirm_password: { required: "請(qǐng)輸入確認(rèn)密碼", minlength: "確認(rèn)密碼不能小于5個(gè)字符", equalTo: "兩次輸入密碼不一致不一致" } } }); }); //messages處，如果某個(gè)控件沒有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á)式的值為真，則需要驗(yàn)證 <br /> required:function(){}返回為真，表時(shí)需要驗(yàn)證 <br /> 后邊兩種常用于，表單中需要同時(shí)填或不填的元素 <br /> </p> <p><strong>五、實(shí)例講解</strong></p> <p><strong>實(shí)例一：</strong><span style="color: #800000"><strong>精簡驗(yàn)證，通過表單對(duì)象調(diào)用validate()方法進(jìn)行驗(yàn)證，驗(yàn)證規(guī)則通過html標(biāo)簽屬性定義：以下為常用屬性定義距離</strong></span></p> <p>class='required' //必須字段<br /> class='mail' //郵箱驗(yàn)證<br /> class='url' //URL網(wǎng)址驗(yàn)證<br /> class='date' //正確的日期 格式滿足 2012，0204，2012-02-04<br /> class='number' //輸入合法的數(shù)字<br /> class='digits' //輸入整數(shù)<br /> minlength='' //最小輸入長度<br /> maxlength='' //最長輸入長度(該值不會(huì)提示，當(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 - 表單驗(yàn)證插件實(shí)例 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>表單驗(yàn)證</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>實(shí)例二：<span style="color: #800000">方法驗(yàn)證，通過自定義表單規(guī)則來驗(yàn)證表單</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 - 表單驗(yàn)證插件實(shí)例 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個(gè)字符之間", maxlength:"名稱長度在3-40個(gè)字符之間",remote:"用戶名已存在"}, email: {required:"需要輸入電子郵箱", email:"電子郵箱格式不正確"}, url: {required:"需要輸入U(xiǎn)RL地址", url:"URL地址格式不正確"}, text:"需要輸入文本內(nèi)容" }, }); }); </script> </head> <body> <form id="commentForm" method="get" action="" > <fieldset> <legend>表單驗(yàn)證</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)容，希望對(duì)大家的學(xué)習(xí)有所幫助。</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">本站聲明</div> <div>本文內(nèi)容由網(wǎng)友自發(fā)貢獻(xiàn)，版權(quán)歸原作者所有，本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容，請(qǐng)聯(lián)系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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/faq/1796831905.html" title="Windows安全是空白或不顯示選項(xiàng)" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項(xiàng)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個(gè)月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>免費(fèi)脫衣服圖片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>人工智能驅(qū)動(dòng)的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI脫衣機(jī)</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>使用我們完全免費(fèi)的人工智能換臉工具輕松在任何視頻中換臉！</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/faq/1796831905.html" title="Windows安全是空白或不顯示選項(xiàng)" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項(xiàng)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個(gè)月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title"> <h3>記事本++7.3.1</h3> </a> <p>好用且免費(fèi)的代碼編輯器</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title"> <h3>禪工作室 13.0.1</h3> </a> <p>功能強(qiáng)大的PHP集成開發(fā)環(huán)境</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac版</h3> </a> <p>神級(jí)代碼編輯軟件(SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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>1601</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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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是一個(gè)流行的JavaScript庫，被廣泛用于網(wǎng)站開發(fā)中，它簡化了JavaScript編程，并為開發(fā)者提供了豐富的功能和特性。本文將詳細(xì)介紹jQuery的引用方法，并提供具體的代碼示例，幫助讀者快速上手。引入jQuery首先，我們需要在HTML文件中引入jQuery庫?？梢酝ㄟ^CDN鏈接的方式引入，也可以下載</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/faq/692694.html" title="jQuery中如何使用PUT請(qǐ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/000/164/170910433346845.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery中如何使用PUT請(qǐng)求方式？" /> </a> <a href="http://m.miracleart.cn/zh/faq/692694.html" title="jQuery中如何使用PUT請(qǐng)求方式？" class="phphistorical_Version2_mids_title">jQuery中如何使用PUT請(qǐng)求方式？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 03:12 PM</span> <p class="Articlelist_txts_p">jQuery中如何使用PUT請(qǐng)求方式？在jQuery中，發(fā)送PUT請(qǐng)求的方法與發(fā)送其他類型的請(qǐng)求類似，但需要注意一些細(xì)節(jié)和參數(shù)設(shè)置。PUT請(qǐng)求通常用于更新資源，例如更新數(shù)據(jù)庫中的數(shù)據(jù)或更新服務(wù)器上的文件。以下是在jQuery中使用PUT請(qǐng)求方式的具體代碼示例。首先，確保引入了jQuery庫文件，然后可以通過以下方式發(fā)送PUT請(qǐng)求：$.ajax({u</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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)常需要對(duì)頁面中的元素進(jìn)行修改和操作。在使用jQuery時(shí)，有時(shí)候需要一次性修改頁面中所有a標(biāo)簽的文本內(nèi)容，這樣可以節(jié)省時(shí)間和精力。下面將介紹如何使用jQuery快速修改頁面所有a標(biāo)簽的文本，同時(shí)給出具體的代碼示例。首先，我們需要引入jQuery庫文件，確保在頁面中引入了以下代碼：<</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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)常會(huì)遇到需要修改頁面上鏈接標(biāo)簽（a標(biāo)簽）的文本內(nèi)容的需求。本文將介紹如何使用jQuery來實(shí)現(xiàn)這個(gè)目標(biāo)，并提供具體的代碼示例。首先，我們需要在頁面中引入jQuery庫。在HTML文件中添加以下代碼：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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)常會(huì)遇到需要操作元素的高度屬性的需求。有時(shí)候，我們可能需要?jiǎng)討B(tài)改變?cè)氐母叨?，而有時(shí)候又需要移除元素的高度屬性。本文將介紹如何使用jQuery來移除元素的高度屬性，并提供具體的代碼示例。在使用jQuery操作高度屬性之前，我們首先需要了解CSS中的height屬性。height屬性用于設(shè)置元素的高度</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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開始計(jì)數(shù)，即第一個(gè)元素的索引是0，第二個(gè)元素的索引是1，依此類推。eq()方法的語法如下：$("s</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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是一個(gè)流行的JavaScript庫，廣泛用于網(wǎng)頁開發(fā)中。在網(wǎng)頁開發(fā)過程中，經(jīng)常需要通過JavaScript動(dòng)態(tài)地向表格中添加新行。本文將介紹如何使用jQuery為表格添加新行，并提供具體的代碼示例。首先，我們需要在HTML頁面中引入jQuery庫?？梢酝ㄟ^以下代碼在標(biāo)簽中引入jQuery庫：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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元素時(shí)，經(jīng)常會(huì)遇到需要判斷元素是否具有某個(gè)特定屬性的情況。這種情況下，我們可以借助jQuery提供的方法來輕松實(shí)現(xiàn)這一功能。下面將介紹兩種常用的方法來判斷一個(gè)jQuery元素是否具有特定屬性，并附上具體的代碼示例。方法一：使用attr()方法和typeof操作符//判斷元素是否具有特定屬</p> </div> </div> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/about/us.html">關(guān)于我們</a> <a href="http://m.miracleart.cn/zh/about/disclaimer.html">免責(zé)聲明</a> <a href="http://m.miracleart.cn/zh/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://m.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="st60k" class="pl_css_ganrao" style="display: none;"><acronym id="st60k"><pre id="st60k"></pre></acronym><menu id="st60k"><dfn id="st60k"><input id="st60k"></input></dfn></menu><code id="st60k"></code><wbr id="st60k"></wbr><form id="st60k"><li id="st60k"><address id="st60k"></address></li></form><font id="st60k"><bdo id="st60k"><wbr id="st60k"></wbr></bdo></font><nav id="st60k"><ins id="st60k"><rt id="st60k"></rt></ins></nav><s id="st60k"></s><big id="st60k"></big><dfn id="st60k"></dfn><div id="st60k"></div><pre id="st60k"><label id="st60k"><ruby id="st60k"></ruby></label></pre><small id="st60k"></small><dl id="st60k"></dl><del id="st60k"></del><fieldset id="st60k"><optgroup id="st60k"><dl id="st60k"></dl></optgroup></fieldset><pre id="st60k"></pre><object id="st60k"></object><pre id="st60k"><thead id="st60k"><abbr id="st60k"></abbr></thead></pre><mark id="st60k"></mark><th id="st60k"></th><code id="st60k"><td id="st60k"><acronym id="st60k"><acronym id="st60k"></acronym></acronym></td></code><object id="st60k"></object><strong id="st60k"></strong><pre id="st60k"></pre><center id="st60k"></center><acronym id="st60k"></acronym><dfn id="st60k"></dfn><samp id="st60k"></samp><cite id="st60k"></cite><font id="st60k"></font><table id="st60k"></table><tfoot id="st60k"></tfoot><acronym id="st60k"></acronym><td id="st60k"><strong id="st60k"><strike id="st60k"></strike></strong></td><pre id="st60k"></pre><th id="st60k"></th><blockquote id="st60k"></blockquote><mark id="st60k"></mark><dfn id="st60k"><dd id="st60k"><tfoot id="st60k"><del id="st60k"></del></tfoot></dd></dfn><ol id="st60k"></ol><nav id="st60k"></nav><center id="st60k"></center><acronym id="st60k"></acronym><li id="st60k"><acronym id="st60k"></acronym></li><code id="st60k"><noframes id="st60k"></noframes></code><u id="st60k"><tr id="st60k"><kbd id="st60k"></kbd></tr></u><nav id="st60k"></nav><acronym id="st60k"></acronym><meter id="st60k"><table id="st60k"><menuitem id="st60k"><optgroup id="st60k"></optgroup></menuitem></table></meter><center id="st60k"></center><option id="st60k"><td id="st60k"></td></option><ul id="st60k"></ul><strike id="st60k"></strike><optgroup id="st60k"></optgroup><dl id="st60k"></dl><tt id="st60k"><progress id="st60k"></progress></tt><input id="st60k"></input><em id="st60k"><center id="st60k"><dfn id="st60k"></dfn></center></em><meter id="st60k"><input id="st60k"><tr id="st60k"></tr></input></meter><abbr id="st60k"><legend id="st60k"><strong id="st60k"></strong></legend></abbr><label id="st60k"></label><sup id="st60k"><object id="st60k"><tbody id="st60k"></tbody></object></sup><track id="st60k"></track><strike id="st60k"><pre id="st60k"><fieldset id="st60k"></fieldset></pre></strike><pre id="st60k"></pre><strike id="st60k"><noframes id="st60k"><dd id="st60k"></dd></noframes></strike><rt id="st60k"><track id="st60k"></track></rt><th id="st60k"><em id="st60k"><big id="st60k"></big></em></th><tt id="st60k"></tt><p id="st60k"><address id="st60k"><code id="st60k"></code></address></p><acronym id="st60k"></acronym><nobr id="st60k"></nobr><strike id="st60k"></strike><center id="st60k"><bdo id="st60k"></bdo></center><sup id="st60k"></sup><tr id="st60k"><menu id="st60k"><abbr id="st60k"></abbr></menu></tr><li id="st60k"><optgroup id="st60k"><mark id="st60k"></mark></optgroup></li><video id="st60k"><thead id="st60k"><center id="st60k"><dfn id="st60k"></dfn></center></thead></video><pre id="st60k"></pre><listing id="st60k"></listing><tbody id="st60k"><input id="st60k"><th id="st60k"></th></input></tbody><strike id="st60k"></strike><fieldset id="st60k"></fieldset><menuitem id="st60k"><object id="st60k"></object></menuitem><dfn id="st60k"><pre id="st60k"></pre></dfn><form id="st60k"></form><bdo id="st60k"><small id="st60k"><form id="st60k"><ruby id="st60k"></ruby></form></small></bdo><sup id="st60k"><delect id="st60k"><menu id="st60k"></menu></delect></sup><sub id="st60k"><tbody id="st60k"><thead id="st60k"><track id="st60k"></track></thead></tbody></sub><input id="st60k"><tr id="st60k"><pre id="st60k"></pre></tr></input><tfoot id="st60k"><dfn id="st60k"><meter id="st60k"><dl id="st60k"></dl></meter></dfn></tfoot><u id="st60k"><ins id="st60k"><form id="st60k"></form></ins></u><big id="st60k"></big><listing id="st60k"><samp id="st60k"><cite id="st60k"></cite></samp></listing><ruby id="st60k"></ruby><sup id="st60k"></sup><thead id="st60k"></thead><center id="st60k"><s id="st60k"><tr id="st60k"><style id="st60k"></style></tr></s></center><strong id="st60k"><ul id="st60k"><label id="st60k"></label></ul></strong><big id="st60k"></big><code id="st60k"><dfn id="st60k"><small id="st60k"><tfoot id="st60k"></tfoot></small></dfn></code><cite id="st60k"><pre id="st60k"></pre></cite><menu id="st60k"><dfn id="st60k"><optgroup id="st60k"><ruby id="st60k"></ruby></optgroup></dfn></menu><pre id="st60k"><tr id="st60k"><button id="st60k"></button></tr></pre><abbr id="st60k"></abbr><tbody id="st60k"><u id="st60k"><label id="st60k"></label></u></tbody><form id="st60k"></form><sup id="st60k"><small id="st60k"><source id="st60k"><bdo id="st60k"></bdo></source></small></sup><strong id="st60k"><center id="st60k"></center></strong><blockquote id="st60k"></blockquote><button id="st60k"><wbr id="st60k"><nobr id="st60k"></nobr></wbr></button><wbr id="st60k"><code id="st60k"><sub id="st60k"><tbody id="st60k"></tbody></sub></code></wbr><center id="st60k"><cite id="st60k"><dd id="st60k"><abbr id="st60k"></abbr></dd></cite></center><optgroup id="st60k"></optgroup><li id="st60k"><tr id="st60k"><kbd id="st60k"></kbd></tr></li><source id="st60k"><th id="st60k"><wbr id="st60k"><option id="st60k"></option></wbr></th></source><td id="st60k"><acronym id="st60k"><center id="st60k"></center></acronym></td><code id="st60k"></code><thead id="st60k"></thead><small id="st60k"><form id="st60k"></form></small><th id="st60k"><abbr id="st60k"><menu id="st60k"></menu></abbr></th><tbody id="st60k"></tbody><fieldset id="st60k"></fieldset><kbd id="st60k"><center id="st60k"><pre id="st60k"></pre></center></kbd><del id="st60k"></del><dl id="st60k"><strong id="st60k"><ul id="st60k"></ul></strong></dl><bdo id="st60k"><sup id="st60k"><code id="st60k"><sub id="st60k"></sub></code></sup></bdo><noframes id="st60k"></noframes><code id="st60k"><noframes id="st60k"></noframes></code><tr id="st60k"><object id="st60k"></object></tr><ol id="st60k"><abbr id="st60k"><input id="st60k"></input></abbr></ol><small id="st60k"></small><abbr id="st60k"><legend id="st60k"><strong id="st60k"></strong></legend></abbr><samp id="st60k"><cite id="st60k"><dd id="st60k"></dd></cite></samp><rp id="st60k"></rp><optgroup id="st60k"></optgroup><listing id="st60k"><samp id="st60k"></samp></listing><sup id="st60k"></sup><menu id="st60k"></menu><form id="st60k"><i id="st60k"><address id="st60k"></address></i></form><acronym id="st60k"></acronym><p id="st60k"></p><nav id="st60k"><tr id="st60k"><menu id="st60k"></menu></tr></nav><dl id="st60k"></dl><td id="st60k"><listing id="st60k"></listing></td><label id="st60k"><form id="st60k"><strike id="st60k"></strike></form></label><em id="st60k"></em><rt id="st60k"></rt></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>實(shí)例二：<span style=\"color: #800000\">方法驗(yàn)證，通過自定義表單規(guī)則來驗(yàn)證表單<\/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 - 表單驗(yàn)證插件實(shí)例 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://m.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://m.miracleart.cn/zh/" 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="社區(qū)" class="head_nava head_nava-template1">社區(qū)</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://m.miracleart.cn/zh/article.html" title="文章" class="languagechoosea on">文章</a> <a href="http://m.miracleart.cn/zh/faq/zt" title="合集" class="languagechoosea">合集</a> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/course.html" title="課程" class="languagechoosea on">課程</a> <a href="http://m.miracleart.cn/zh/dic/" title="編程詞典" class="languagechoosea">編程詞典</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://m.miracleart.cn/zh/toolset/development-tools" title="開發(fā)工具" class="languagechoosea on">開發(fā)工具</a> <a href="http://m.miracleart.cn/zh/toolset/website-source-code" title="網(wǎng)站源碼" class="languagechoosea">網(wǎng)站源碼</a> <a href="http://m.miracleart.cn/zh/toolset/php-libraries" title="PHP 庫" class="languagechoosea">PHP 庫</a> <a href="http://m.miracleart.cn/zh/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a> <a href="http://m.miracleart.cn/zh/toolset/website-materials" title="網(wǎng)站素材" class="languagechoosea on">網(wǎng)站素材</a> <a href="http://m.miracleart.cn/zh/toolset/extension-plug-ins" title="擴(kuò)展插件" class="languagechoosea on">擴(kuò)展插件</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/game" title="游戲下載" class="languagechoosea on">游戲下載</a> <a href="http://m.miracleart.cn/zh/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')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="搜索" onclick="searchs('zh')"><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:;" title="簡體中文" class="languagechoosea">簡體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" 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://m.miracleart.cn/zh/" title="首頁" class="phpgenera_Details_mainL1a">首頁</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://m.miracleart.cn/zh/web-designer.html" class="phpgenera_Details_mainL1a">web前端</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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> 當(dāng)前版本：1.5.5? <br> 需要JQuery版本：1.2.6 , 兼容 1.3.2? <br> ? <br> ??<br> <strong>二、默認(rèn)校驗(yàn)規(guī)則? <br> </strong></p> <ul> <li>(1)required:true??????????????? 必輸字段?</li> <li>(2)remote:"check.php"?????使用ajax方法調(diào)用check.php驗(yàn)證輸入值?</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 只驗(yàn)證格式，不驗(yàn)證有效性?</li> <li>(7)number:true???????????????? 必須輸入合法的數(shù)字(負(fù)數(shù)，小數(shù))?</li> <li>(8)digits:true??????????????????? 必須輸入整數(shù)?</li> <li>(9)creditcard:?????????????????? 必須輸入合法的信用卡號(hào)?</li> <li>(10)equalTo:"#field"?????????? 輸入值必須和#field相同?</li> <li>(11)accept:?????????????????????? 輸入擁有合法后綴名的字符串（上傳文件的后綴）?</li> <li>(12)maxlength:5??????????????? 輸入長度最多是5的字符串(漢字算一個(gè)字符)?</li> <li>(13)minlength:10?????????????? 輸入長度最小是10的字符串(漢字算一個(gè)字符)?</li> <li>(14)rangelength:[5,10]????????輸入長度必須介于 5 和 10 之間的字符串")(漢字算一個(gè)字符)?</li> <li>(15)range:[5,10]???????????????? 輸入值必須介于 5 和 10 之間?</li> <li>(16)max:5?????????????????????? ? 輸入值不能大于5?</li> <li>(17)min:10??????????????????????? 輸入值不能小于10??<br> </li> </ul> <p><strong>三、默認(rèn)的提示? <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> </div> <p>如需要修改，可在js代碼中加入：? <br /> </p> <div id="377j5v51b" class="jb51code"> <pre class='brush:php;toolbar:false;'> jQuery.extend(jQuery.validator.messages, { required: "必選字段", remote: "請(qǐng)修正該字段", email: "請(qǐng)輸入正確格式的電子郵件", url: "請(qǐng)輸入合法的網(wǎng)址", date: "請(qǐng)輸入合法的日期", dateISO: "請(qǐng)輸入合法的日期 (ISO).", number: "請(qǐng)輸入合法的數(shù)字", digits: "只能輸入整數(shù)", creditcard: "請(qǐng)輸入合法的信用卡號(hào)", equalTo: "請(qǐng)?jiān)俅屋斎胂嗤闹?quot;, accept: "請(qǐng)輸入擁有合法后綴名的字符串", maxlength: jQuery.validator.format("請(qǐng)輸入一個(gè)長度最多是 {0} 的字符串"), minlength: jQuery.validator.format("請(qǐng)輸入一個(gè)長度最少是 {0} 的字符串"), rangelength: jQuery.validator.format("請(qǐng)輸入一個(gè)長度介于 {0} 和 {1} 之間的字符串"), range: jQuery.validator.format("請(qǐng)輸入一個(gè)介于 {0} 和 {1} 之間的值"), max: jQuery.validator.format("請(qǐng)輸入一個(gè)最大為 {0} 的值"), min: jQuery.validator.format("請(qǐng)輸入一個(gè)最小為 {0} 的值") }); </pre> </div> <p><span style="color: #800000"><strong>推薦做法，</strong></span>將此文件放入messages_cn.js中，在頁面中引入? <br /> [codept src="../js/messages_cn.js" type="text/javascript"></script>?[/code<br /> <strong>四、使用方式? <br /> </strong>1.將校驗(yàn)規(guī)則寫到控件中? <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> </div> <p>使用class="{}"的方式，必須引入包：jquery.metadata.js? <br /> 可以使用如下的方法，修改提示內(nèi)容：? <br /> <div id="377j5v51b" class="codetitle"><span><a style="CURSOR: pointer" data="26855" class="copybut" id="copybut26855" onclick="doCopy('code26855')"><U>復(fù)制代碼</U></a></span> 代碼如下:</div><div id="377j5v51b" class="codebody" id="code26855">class="{required:true,minlength:5,messages:{required:'請(qǐng)輸入內(nèi)容'}}"</div> <br /> 在使用equalTo關(guān)鍵字時(shí)，后面的內(nèi)容必須加上引號(hào)，如下代碼： <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 /> 另外一個(gè)方式，使用關(guān)鍵字：meta（為了元數(shù)據(jù)使用其他插件你要包裝 你的驗(yàn)證規(guī)則 在他們自己的項(xiàng)目中可以用這個(gè)特殊的選項(xiàng)） <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.將校驗(yàn)規(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: "請(qǐng)輸入姓名", email: { required: "請(qǐng)輸入Email地址", email: "請(qǐng)輸入正確的email地址" }, password: { required: "請(qǐng)輸入密碼", minlength: jQuery.format("密碼不能小于{0}個(gè)字符") }, confirm_password: { required: "請(qǐng)輸入確認(rèn)密碼", minlength: "確認(rèn)密碼不能小于5個(gè)字符", equalTo: "兩次輸入密碼不一致不一致" } } }); }); //messages處，如果某個(gè)控件沒有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á)式的值為真，則需要驗(yàn)證 <br /> required:function(){}返回為真，表時(shí)需要驗(yàn)證 <br /> 后邊兩種常用于，表單中需要同時(shí)填或不填的元素 <br /> </p> <p><strong>五、實(shí)例講解</strong></p> <p><strong>實(shí)例一：</strong><span style="color: #800000"><strong>精簡驗(yàn)證，通過表單對(duì)象調(diào)用validate()方法進(jìn)行驗(yàn)證，驗(yàn)證規(guī)則通過html標(biāo)簽屬性定義：以下為常用屬性定義距離</strong></span></p> <p>class='required' //必須字段<br /> class='mail' //郵箱驗(yàn)證<br /> class='url' //URL網(wǎng)址驗(yàn)證<br /> class='date' //正確的日期 格式滿足 2012，0204，2012-02-04<br /> class='number' //輸入合法的數(shù)字<br /> class='digits' //輸入整數(shù)<br /> minlength='' //最小輸入長度<br /> maxlength='' //最長輸入長度(該值不會(huì)提示，當(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 - 表單驗(yàn)證插件實(shí)例 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>表單驗(yàn)證</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>實(shí)例二：<span style="color: #800000">方法驗(yàn)證，通過自定義表單規(guī)則來驗(yàn)證表單</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 - 表單驗(yàn)證插件實(shí)例 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個(gè)字符之間", maxlength:"名稱長度在3-40個(gè)字符之間",remote:"用戶名已存在"}, email: {required:"需要輸入電子郵箱", email:"電子郵箱格式不正確"}, url: {required:"需要輸入U(xiǎn)RL地址", url:"URL地址格式不正確"}, text:"需要輸入文本內(nèi)容" }, }); }); </script> </head> <body> <form id="commentForm" method="get" action="" > <fieldset> <legend>表單驗(yàn)證</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)容，希望對(duì)大家的學(xué)習(xí)有所幫助。</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">本站聲明</div> <div>本文內(nèi)容由網(wǎng)友自發(fā)貢獻(xiàn)，版權(quán)歸原作者所有，本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容，請(qǐng)聯(lián)系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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/faq/1796831905.html" title="Windows安全是空白或不顯示選項(xiàng)" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項(xiàng)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個(gè)月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>免費(fèi)脫衣服圖片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>人工智能驅(qū)動(dòng)的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI脫衣機(jī)</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>使用我們完全免費(fèi)的人工智能換臉工具輕松在任何視頻中換臉！</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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 個(gè)月前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/faq/1796831905.html" title="Windows安全是空白或不顯示選項(xiàng)" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項(xiàng)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 個(gè)月前</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title"> <h3>記事本++7.3.1</h3> </a> <p>好用且免費(fèi)的代碼編輯器</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title"> <h3>禪工作室 13.0.1</h3> </a> <p>功能強(qiáng)大的PHP集成開發(fā)環(huán)境</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac版</h3> </a> <p>神級(jí)代碼編輯軟件(SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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>1601</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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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是一個(gè)流行的JavaScript庫，被廣泛用于網(wǎng)站開發(fā)中，它簡化了JavaScript編程，并為開發(fā)者提供了豐富的功能和特性。本文將詳細(xì)介紹jQuery的引用方法，并提供具體的代碼示例，幫助讀者快速上手。引入jQuery首先，我們需要在HTML文件中引入jQuery庫?？梢酝ㄟ^CDN鏈接的方式引入，也可以下載</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/faq/692694.html" title="jQuery中如何使用PUT請(qǐ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/000/164/170910433346845.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery中如何使用PUT請(qǐng)求方式？" /> </a> <a href="http://m.miracleart.cn/zh/faq/692694.html" title="jQuery中如何使用PUT請(qǐng)求方式？" class="phphistorical_Version2_mids_title">jQuery中如何使用PUT請(qǐng)求方式？</a> <span id="377j5v51b" class="Articlelist_txts_time">Feb 28, 2024 pm 03:12 PM</span> <p class="Articlelist_txts_p">jQuery中如何使用PUT請(qǐng)求方式？在jQuery中，發(fā)送PUT請(qǐng)求的方法與發(fā)送其他類型的請(qǐng)求類似，但需要注意一些細(xì)節(jié)和參數(shù)設(shè)置。PUT請(qǐng)求通常用于更新資源，例如更新數(shù)據(jù)庫中的數(shù)據(jù)或更新服務(wù)器上的文件。以下是在jQuery中使用PUT請(qǐng)求方式的具體代碼示例。首先，確保引入了jQuery庫文件，然后可以通過以下方式發(fā)送PUT請(qǐng)求：$.ajax({u</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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)常需要對(duì)頁面中的元素進(jìn)行修改和操作。在使用jQuery時(shí)，有時(shí)候需要一次性修改頁面中所有a標(biāo)簽的文本內(nèi)容，這樣可以節(jié)省時(shí)間和精力。下面將介紹如何使用jQuery快速修改頁面所有a標(biāo)簽的文本，同時(shí)給出具體的代碼示例。首先，我們需要引入jQuery庫文件，確保在頁面中引入了以下代碼：<</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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)常會(huì)遇到需要修改頁面上鏈接標(biāo)簽（a標(biāo)簽）的文本內(nèi)容的需求。本文將介紹如何使用jQuery來實(shí)現(xiàn)這個(gè)目標(biāo)，并提供具體的代碼示例。首先，我們需要在頁面中引入jQuery庫。在HTML文件中添加以下代碼：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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)常會(huì)遇到需要操作元素的高度屬性的需求。有時(shí)候，我們可能需要?jiǎng)討B(tài)改變?cè)氐母叨?，而有時(shí)候又需要移除元素的高度屬性。本文將介紹如何使用jQuery來移除元素的高度屬性，并提供具體的代碼示例。在使用jQuery操作高度屬性之前，我們首先需要了解CSS中的height屬性。height屬性用于設(shè)置元素的高度</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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開始計(jì)數(shù)，即第一個(gè)元素的索引是0，第二個(gè)元素的索引是1，依此類推。eq()方法的語法如下：$("s</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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是一個(gè)流行的JavaScript庫，廣泛用于網(wǎng)頁開發(fā)中。在網(wǎng)頁開發(fā)過程中，經(jīng)常需要通過JavaScript動(dòng)態(tài)地向表格中添加新行。本文將介紹如何使用jQuery為表格添加新行，并提供具體的代碼示例。首先，我們需要在HTML頁面中引入jQuery庫?？梢酝ㄟ^以下代碼在標(biāo)簽中引入jQuery庫：</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/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元素時(shí)，經(jīng)常會(huì)遇到需要判斷元素是否具有某個(gè)特定屬性的情況。這種情況下，我們可以借助jQuery提供的方法來輕松實(shí)現(xiàn)這一功能。下面將介紹兩種常用的方法來判斷一個(gè)jQuery元素是否具有特定屬性，并附上具體的代碼示例。方法一：使用attr()方法和typeof操作符//判斷元素是否具有特定屬</p> </div> </div> <a href="http://m.miracleart.cn/zh/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://m.miracleart.cn/zh/about/us.html">關(guān)于我們</a> <a href="http://m.miracleart.cn/zh/about/disclaimer.html">免責(zé)聲明</a> <a href="http://m.miracleart.cn/zh/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://m.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="st60k" class="pl_css_ganrao" style="display: none;"><acronym id="st60k"><pre id="st60k"></pre></acronym><menu id="st60k"><dfn id="st60k"><input id="st60k"></input></dfn></menu><code id="st60k"></code><wbr id="st60k"></wbr><form id="st60k"><li id="st60k"><address id="st60k"></address></li></form><font id="st60k"><bdo id="st60k"><wbr id="st60k"></wbr></bdo></font><nav id="st60k"><ins id="st60k"><rt id="st60k"></rt></ins></nav><s id="st60k"></s><big id="st60k"></big><dfn id="st60k"></dfn><div id="st60k"></div><pre id="st60k"><label id="st60k"><ruby id="st60k"></ruby></label></pre><small id="st60k"></small><dl id="st60k"></dl><del id="st60k"></del><fieldset id="st60k"><optgroup id="st60k"><dl id="st60k"></dl></optgroup></fieldset><pre id="st60k"></pre><object id="st60k"></object><pre id="st60k"><thead id="st60k"><abbr id="st60k"></abbr></thead></pre><mark id="st60k"></mark><th id="st60k"></th><code id="st60k"><td id="st60k"><acronym id="st60k"><acronym id="st60k"></acronym></acronym></td></code><object id="st60k"></object><strong id="st60k"></strong><pre id="st60k"></pre><center id="st60k"></center><acronym id="st60k"></acronym><dfn id="st60k"></dfn><samp id="st60k"></samp><cite id="st60k"></cite><font id="st60k"></font><table id="st60k"></table><tfoot id="st60k"></tfoot><acronym id="st60k"></acronym><td id="st60k"><strong id="st60k"><strike id="st60k"></strike></strong></td><pre id="st60k"></pre><th id="st60k"></th><blockquote id="st60k"></blockquote><mark id="st60k"></mark><dfn id="st60k"><dd id="st60k"><tfoot id="st60k"><del id="st60k"></del></tfoot></dd></dfn><ol id="st60k"></ol><nav id="st60k"></nav><center id="st60k"></center><acronym id="st60k"></acronym><li id="st60k"><acronym id="st60k"></acronym></li><code id="st60k"><noframes id="st60k"></noframes></code><u id="st60k"><tr id="st60k"><kbd id="st60k"></kbd></tr></u><nav id="st60k"></nav><acronym id="st60k"></acronym><meter id="st60k"><table id="st60k"><menuitem id="st60k"><optgroup id="st60k"></optgroup></menuitem></table></meter><center id="st60k"></center><option id="st60k"><td id="st60k"></td></option><ul id="st60k"></ul><strike id="st60k"></strike><optgroup id="st60k"></optgroup><dl id="st60k"></dl><tt id="st60k"><progress id="st60k"></progress></tt><input id="st60k"></input><em id="st60k"><center id="st60k"><dfn id="st60k"></dfn></center></em><meter id="st60k"><input id="st60k"><tr id="st60k"></tr></input></meter><abbr id="st60k"><legend id="st60k"><strong id="st60k"></strong></legend></abbr><label id="st60k"></label><sup id="st60k"><object id="st60k"><tbody id="st60k"></tbody></object></sup><track id="st60k"></track><strike id="st60k"><pre id="st60k"><fieldset id="st60k"></fieldset></pre></strike><pre id="st60k"></pre><strike id="st60k"><noframes id="st60k"><dd id="st60k"></dd></noframes></strike><rt id="st60k"><track id="st60k"></track></rt><th id="st60k"><em id="st60k"><big id="st60k"></big></em></th><tt id="st60k"></tt><p id="st60k"><address id="st60k"><code id="st60k"></code></address></p><acronym id="st60k"></acronym><nobr id="st60k"></nobr><strike id="st60k"></strike><center id="st60k"><bdo id="st60k"></bdo></center><sup id="st60k"></sup><tr id="st60k"><menu id="st60k"><abbr id="st60k"></abbr></menu></tr><li id="st60k"><optgroup id="st60k"><mark id="st60k"></mark></optgroup></li><video id="st60k"><thead id="st60k"><center id="st60k"><dfn id="st60k"></dfn></center></thead></video><pre id="st60k"></pre><listing id="st60k"></listing><tbody id="st60k"><input id="st60k"><th id="st60k"></th></input></tbody><strike id="st60k"></strike><fieldset id="st60k"></fieldset><menuitem id="st60k"><object id="st60k"></object></menuitem><dfn id="st60k"><pre id="st60k"></pre></dfn><form id="st60k"></form><bdo id="st60k"><small id="st60k"><form id="st60k"><ruby id="st60k"></ruby></form></small></bdo><sup id="st60k"><delect id="st60k"><menu id="st60k"></menu></delect></sup><sub id="st60k"><tbody id="st60k"><thead id="st60k"><track id="st60k"></track></thead></tbody></sub><input id="st60k"><tr id="st60k"><pre id="st60k"></pre></tr></input><tfoot id="st60k"><dfn id="st60k"><meter id="st60k"><dl id="st60k"></dl></meter></dfn></tfoot><u id="st60k"><ins id="st60k"><form id="st60k"></form></ins></u><big id="st60k"></big><listing id="st60k"><samp id="st60k"><cite id="st60k"></cite></samp></listing><ruby id="st60k"></ruby><sup id="st60k"></sup><thead id="st60k"></thead><center id="st60k"><s id="st60k"><tr id="st60k"><style id="st60k"></style></tr></s></center><strong id="st60k"><ul id="st60k"><label id="st60k"></label></ul></strong><big id="st60k"></big><code id="st60k"><dfn id="st60k"><small id="st60k"><tfoot id="st60k"></tfoot></small></dfn></code><cite id="st60k"><pre id="st60k"></pre></cite><menu id="st60k"><dfn id="st60k"><optgroup id="st60k"><ruby id="st60k"></ruby></optgroup></dfn></menu><pre id="st60k"><tr id="st60k"><button id="st60k"></button></tr></pre><abbr id="st60k"></abbr><tbody id="st60k"><u id="st60k"><label id="st60k"></label></u></tbody><form id="st60k"></form><sup id="st60k"><small id="st60k"><source id="st60k"><bdo id="st60k"></bdo></source></small></sup><strong id="st60k"><center id="st60k"></center></strong><blockquote id="st60k"></blockquote><button id="st60k"><wbr id="st60k"><nobr id="st60k"></nobr></wbr></button><wbr id="st60k"><code id="st60k"><sub id="st60k"><tbody id="st60k"></tbody></sub></code></wbr><center id="st60k"><cite id="st60k"><dd id="st60k"><abbr id="st60k"></abbr></dd></cite></center><optgroup id="st60k"></optgroup><li id="st60k"><tr id="st60k"><kbd id="st60k"></kbd></tr></li><source id="st60k"><th id="st60k"><wbr id="st60k"><option id="st60k"></option></wbr></th></source><td id="st60k"><acronym id="st60k"><center id="st60k"></center></acronym></td><code id="st60k"></code><thead id="st60k"></thead><small id="st60k"><form id="st60k"></form></small><th id="st60k"><abbr id="st60k"><menu id="st60k"></menu></abbr></th><tbody id="st60k"></tbody><fieldset id="st60k"></fieldset><kbd id="st60k"><center id="st60k"><pre id="st60k"></pre></center></kbd><del id="st60k"></del><dl id="st60k"><strong id="st60k"><ul id="st60k"></ul></strong></dl><bdo id="st60k"><sup id="st60k"><code id="st60k"><sub id="st60k"></sub></code></sup></bdo><noframes id="st60k"></noframes><code id="st60k"><noframes id="st60k"></noframes></code><tr id="st60k"><object id="st60k"></object></tr><ol id="st60k"><abbr id="st60k"><input id="st60k"></input></abbr></ol><small id="st60k"></small><abbr id="st60k"><legend id="st60k"><strong id="st60k"></strong></legend></abbr><samp id="st60k"><cite id="st60k"><dd id="st60k"></dd></cite></samp><rp id="st60k"></rp><optgroup id="st60k"></optgroup><listing id="st60k"><samp id="st60k"></samp></listing><sup id="st60k"></sup><menu id="st60k"></menu><form id="st60k"><i id="st60k"><address id="st60k"></address></i></form><acronym id="st60k"></acronym><p id="st60k"></p><nav id="st60k"><tr id="st60k"><menu id="st60k"></menu></tr></nav><dl id="st60k"></dl><td id="st60k"><listing id="st60k"></listing></td><label id="st60k"><form id="st60k"><strike id="st60k"></strike></form></label><em id="st60k"></em><rt id="st60k"></rt></div> </html>