验证输入框和文本区域

Posted 2023-05-08

【中文标题】验证输入框和文本区域

【英文标题】：Validation input box and textarea

【发布时间】：2019-04-04 08:36:42

【问题描述】：

我想用 jQuery 验证这个选项卡内容，我只想用id='lang2' 验证第二个 div。我怎样才能做到这一点？

<div class="tab-content ">
<div id="lang1" class="tab-pane  ">
   <div class="col s12">
      <div class="form-group  " id="lang_name">
         <input class="form-control contact-method" placeholder="Enter property name" name="name[1]" type="text">
         <label for="name[1]">Property name</label>                                                                                
      </div>
   </div>
   <div class="col s12">
      <textarea class="hidden desc-content contact-method" name="description[1]" cols="50" rows="10"></textarea>
      <label for="require" class="error-input"> Please enter your description* </label>
   </div>
</div>
<div id="lang2" class="tab-pane active ">
<div class="col s12">
   <div class="form-group  " id="lang_name">
      <input class="form-control contact-method" placeholder="Enter property name" name="name[2]" type="text">
      <label for="name[2]">Property name</label>
      <textarea class="hidden desc-content contact-method" name="description[1]" cols="50" rows="10"></textarea>                                                                     
   </div>
</div>

【问题讨论】：

您要验证 tab2 中的哪些字段？只输入你想检查是否为空？

我想验证输入文本和文本区域（summernote），这两个仅在第二个选项卡中需要。

【参考方案1】：

这对你有用。

$('#submit').on(click, function ()  


        $('#lang2').find("input[type=text],textarea").each(function (e)
        

                if ($(this).val().trim() === "")
                
                   Alert('Please Enter Value')
                   return false;    
                 
                

        );

【讨论】：

在我的情况下 lang2 是 id="lang$language->id" 但我把 lang2 放在更简单的地方所以我不能使用它 $()。

这意味着你不能通过 id 获取它然后通过 name 获取它添加 name 属性到 div 并为其命名并通过以下方式获取它 $('[name="yourdiv"] ')

同样认为我有 name="name['.$language->id.']"

你为什么使用 name['.$language->id.'] 这个？是为了什么。然后给你的 div 一个类名，并通过获取你的类名来做到这一点。

如果你的语言 id 是 2，比如 lang2，那么在你的比较子句中添加你的类，你的函数就会起作用