表單驗(yàn)證valid()

要觸發(fā)表單驗(yàn)證挂绰,可以使用valid()方法。以下是一個(gè)示例:

<form id="registerForm">
  <input type="text" name="username" required>
  <input type="email" name="email" required>
  <input type="password" name="password" required>
  <input type="password" name="confirmPassword" required>
  <button type="submit">Submit</button>
</form>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script>
  $(document).ready(function() {
    var formRules = {
      username: {
        required: true
      },
      email: {
        required: true,
        email: true
      },
      password: {
        required: true,
        minlength: 6
      },
      confirmPassword: {
        required: true,
        equalTo: "#registerForm input[name='password']"
      }
    };
    
    $("#registerForm").validate(formRules);
    
    $("#registerForm").submit(function(e) {
      e.preventDefault(); // 阻止表單提交
      
      if ($("#registerForm").valid()) {
        // 表單驗(yàn)證通過(guò),執(zhí)行提交邏輯
        console.log("Form is valid. Submitting...");
        // 在這里執(zhí)行提交表單的操作
      } else {
        // 表單驗(yàn)證失敗最盅,執(zhí)行錯(cuò)誤處理邏輯
        console.log("Form is invalid. Please check your inputs.");
      }
    });
  });
</script>

在上面的示例中突雪,我們?cè)?code>$("#registerForm")上調(diào)用了validate()方法來(lái)應(yīng)用表單驗(yàn)證規(guī)則。然后涡贱,我們?cè)诒韱蔚?code>submit事件處理程序中使用valid()方法來(lái)判斷表單是否有效咏删。如果表單驗(yàn)證通過(guò),我們可以執(zhí)行提交表單的操作问词。如果表單驗(yàn)證失敗督函,我們可以執(zhí)行錯(cuò)誤處理邏輯。
注意激挪,在表單的submit事件處理程序中使用e.preventDefault()方法來(lái)阻止表單的默認(rèn)提交行為辰狡,以便我們可以手動(dòng)控制表單提交的邏輯。
希望這個(gè)示例能幫助你觸發(fā)表單驗(yàn)證并根據(jù)驗(yàn)證結(jié)果執(zhí)行相應(yīng)的操作垄分。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末宛篇,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子薄湿,更是在濱河造成了極大的恐慌叫倍,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,470評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件豺瘤,死亡現(xiàn)場(chǎng)離奇詭異段标,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)炉奴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門逼庞,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人瞻赶,你說(shuō)我怎么就攤上這事赛糟。” “怎么了砸逊?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,577評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵璧南,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我师逸,道長(zhǎng)司倚,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,176評(píng)論 1 292
  • 正文 為了忘掉前任篓像,我火速辦了婚禮动知,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘员辩。我一直安慰自己盒粮,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布奠滑。 她就那樣靜靜地躺著丹皱,像睡著了一般妒穴。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上摊崭,一...
    開(kāi)封第一講書(shū)人閱讀 51,155評(píng)論 1 299
  • 那天讼油,我揣著相機(jī)與錄音,去河邊找鬼呢簸。 笑死汁讼,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的阔墩。 我是一名探鬼主播嘿架,決...
    沈念sama閱讀 40,041評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼啸箫!你這毒婦竟也來(lái)了耸彪?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 38,903評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤忘苛,失蹤者是張志新(化名)和其女友劉穎蝉娜,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體扎唾,經(jīng)...
    沈念sama閱讀 45,319評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡召川,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了胸遇。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片荧呐。...
    茶點(diǎn)故事閱讀 39,703評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖纸镊,靈堂內(nèi)的尸體忽然破棺而出倍阐,到底是詐尸還是另有隱情,我是刑警寧澤逗威,帶...
    沈念sama閱讀 35,417評(píng)論 5 343
  • 正文 年R本政府宣布峰搪,位于F島的核電站,受9級(jí)特大地震影響凯旭,放射性物質(zhì)發(fā)生泄漏概耻。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評(píng)論 3 325
  • 文/蒙蒙 一罐呼、第九天 我趴在偏房一處隱蔽的房頂上張望鞠柄。 院中可真熱鬧,春花似錦弄贿、人聲如沸春锋。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,664評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)期奔。三九已至,卻和暖如春危尿,著一層夾襖步出監(jiān)牢的瞬間呐萌,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,818評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工谊娇, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留肺孤,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,711評(píng)論 2 368
  • 正文 我出身青樓济欢,卻偏偏與公主長(zhǎng)得像赠堵,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子法褥,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評(píng)論 2 353