前言

• ruoyi 4.6
• jQuery Validation Plugin - v1.13.0（最新版: 1.19.3）

說明

官網： https://jqueryvalidation.org/
代碼： https://github.com/jquery-validation/jquery-validation

ruoyi 中使用jQuery.validator

//初始化jQuery.validator $("#form-fee-add").validate({focusCleanup: true });//保存事件 function submitHandler() {if ($.validate.form()) { //調用jQuery.validator$.operate.save(prefix + "/add", $('#form-fee-add').serialize());} }

jQuery.validator 驗證規則：必填

<div class="form-group"> <label class="col-sm-3 control-label is-required">建筑面積：</label><div class="col-sm-8"><input name="floorspace" class="form-control" type="number" required /></div> </div>

• required : jQuery.validator 驗證規則：必填

jQuery.validator 驗證規則：最小值

<div class="form-group"> <label class="col-sm-3 control-label is-required">建筑面積：</label><div class="col-sm-8"><input name="floorspace" class="form-control" type="number" required min="0.01" /></div> </div>

• min="0.01" : 輸入的值必須大于0.01

jQuery.validator 驗證規則：滿足某個條件時驗證

當勾選郵箱（$("#contactform_email").is(":checked")）時，驗證聯系方式contact是否為郵箱格式。

//初始化jQuery.validator $("#form-fee-add").validate({focusCleanup: true,rules: {contact: {required: true,email: {depends: function(element) {return $("#contactform_email").is(":checked");}}}} });

• rules 是驗證規則。
• contact 是form表單項<input type="text" name="contact" />。
• email 是驗證方式。含義為：驗證 form 表單項 contact 是否為郵箱格式。類似的還有：required、min、max、minlength、maxlength、url、date、number等。
  
• depends ：當 depends 返回真值時，啟用此驗證規則。即$("#contactform_email").is(":checked")為真時，驗證 form 表單項 contact 是否為郵箱格式。

總結

以上是生活随笔為你收集整理的【若依(ruoyi)】jQuery.validator的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。