feat(form): 优化 lay-ignore 的判断逻辑 (#2585)

* feat: 修改ignore的判断逻辑；增加ignore的开发案例；

* Update src/modules/form.js

Co-authored-by: morning-star <26325820+Sight-wcg@users.noreply.github.com>

* Update src/modules/form.js

Co-authored-by: morning-star <26325820+Sight-wcg@users.noreply.github.com>

* Update src/modules/form.js

Co-authored-by: morning-star <26325820+Sight-wcg@users.noreply.github.com>

* Update src/modules/form.js

Co-authored-by: morning-star <26325820+Sight-wcg@users.noreply.github.com>

* test(form): 优化 lay-ignore 示例布局

* docs(form): 优化 lay-ignore 文档说明

* fix(form): 修复 tips 提示风格时对 lay-ignore 目标元素的判断问题

---------

Co-authored-by: 贤心 <3277200+sentsim@users.noreply.github.com>
Co-authored-by: morning-star <26325820+Sight-wcg@users.noreply.github.com>

examples/form.html

@@ -6,7 +6,7 @@
     <meta name="renderer" content="webkit">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black"> 
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="format-detection" content="telephone=no">
 
@@ -140,7 +140,7 @@
       <div class="layui-col-md12">
         <button class="layui-btn" id="testSubmit">立即提交</button>
       </div>
-    </div>  
+    </div>
   </form>
 
   <hr>
@@ -163,7 +163,7 @@
       <div class="layui-input-inline">
         <input type="text" name="vercode" lay-verify="required" autocomplete="off" class="layui-input">
       </div>
-      <div class="layui-form-mid" style="padding: 0!important;"> 
+      <div class="layui-form-mid" style="padding: 0!important;">
         <button type="button" class="layui-btn layui-btn-primary" lay-on="get-vercode">获取验证码</button>
       </div>
     </div>
@@ -226,7 +226,7 @@
         </div>
       </div>
     </div>
-    
+
     <div class="layui-form-item">
       <label class="layui-form-label">选择框</label>
       <div class="layui-input-block">
@@ -240,7 +240,7 @@
         </select>
       </div>
     </div>
-    
+
     <div class="layui-form-item">
       <div class="layui-inline">
         <label class="layui-form-label">搜索选择框</label>
@@ -309,7 +309,7 @@
         </div>
       </div>
     </div>
-    
+
     <div class="layui-form-item" pane>
       <label class="layui-form-label">复选框</label>
       <div class="layui-input-block">
@@ -398,14 +398,14 @@
         }
       }
     });
-    
+
     /*
     form.on('submit(top)', function(data){
       console.log(data);
       return false;
     });
     */
-    
+
     //方法提交
   $('#testSubmit').on('click', function(){
     form.submit('top', function(data){
@@ -416,18 +416,18 @@
         setTimeout(function(){
           alert(JSON.stringify(data.field));
         })
-        
+
       });
     });
     return false;
   });
-    
-    
+
+
     //日期
     laydate.render({
       elem: '#date'
     });
-    
+
     //初始赋值
     var thisValue = form.val('first', {
       'title': '测试测试测试'
@@ -449,32 +449,32 @@
       var elem = data.elem;
       elem.value = '通过自定义事件设置的值';
     });
-    
+
     //事件
     form.on('select(quiz111)', function(data){
       console.log('select: ', this, data);
     });
-    
+
     form.on('select(quiz)', function(data){
       console.log('select.quiz：', this, data);
     });
-    
+
     form.on('select(interest)', function(data){
       console.log('select.interest: ', this, data);
     });
-    
+
     form.on('checkbox', function(data){
       console.log(this.checked, data.elem.checked);
     });
-    
+
     form.on('switch', function(data){
       console.log(data);
     });
-    
+
     form.on('radio', function(data){
       console.log(data);
     });
-    
+
     // 提交事件
     form.on('submit(*)', function(data){
       console.log(data)
@@ -497,16 +497,54 @@
         }
       }
     });
-    
+
   });
 
   </script>
 
-
+  <h3>设置 lay-ignore 忽略渲染</h3>
+  <hr>
+  <div class="layui-form">
+    <div class="layui-form-item">
+      <div class="layui-inline">未设置 ignore 时：</div>
+      <div class="layui-inline">
+        <input type="checkbox" name="like[write]" title="checkbox">
+      </div>
+    </div>
+    <div class="layui-form-item">
+      <div class="layui-inline">忽略指令直接设置：</div>
+      <div class="layui-inline">
+        <input type="checkbox" name="like[write]" lay-ignore title="写作">
+        <input type="radio" name="sex" value="1" lay-ignore title="男">
+        <select name="quiz" lay-ignore>
+          <option value="">请选择</option>
+          <option value="AAAAA" selected>AAAAA</option>
+          <option value="BBBBB">BBBBB</option>
+          <option value="CCCCC">CCCCC</option>
+          <option value="DDDDD" disabled>DDDDD</option>
+          <option value="EEEEE">EEEEE</option>
+        </select>
+      </div>
+    </div>
+    <div class="layui-form-item">
+      <div class="layui-inline">忽略指令父元素设置：</div>
+      <div class="layui-inline" lay-ignore>
+        <input type="checkbox" name="like[write]" title="写作">
+        <input type="radio" name="sex" value="1" title="男">
+        <select name="quiz">
+          <option value="">请选择</option>
+          <option value="AAAAA">AAAAA</option>
+          <option value="BBBBB">BBBBB</option>
+          <option value="CCCCC" selected>CCCCC</option>
+          <option value="DDDDD" disabled>DDDDD</option>
+          <option value="EEEEE">EEEEE</option>
+        </select>
+      </div>
+    </div>
+  </div>
 
   <h3>原始表单调试：</h3>
   <hr>
-
   <form id="test1" action="" target="_blank">
     <input type="radio" value="girl" disabled>
     <input type="checkbox" name="love[a]">
@@ -525,5 +563,6 @@
     <button type="submit">原始表单，测试提交</button>
   </form>
 
+  <br><br>
 </body>
 </html>