欧芹为空字段触发错误

Posted 2023-05-09

【中文标题】欧芹为空字段触发错误

【英文标题】：parsley trigger an error for an empty field

【发布时间】：2018-07-22 00:34:05

【问题描述】：

如何在不提交表单的情况下触发错误消息，因为当我单击输入字段且未输入任何内容时，如果我单击输入字段外，它将触发验证错误，说明此字段不能为空。我尝试使用 'data-parsley-trigger="keyup"' 但仅在输入字段中输入内容时才有效

例如，如果您单击本网站https://deals.jumia.cm/en/posts/new 上的标题字段，并且在该字段中没有输入任何内容，而是单击标题字段，则会触发验证错误

<form method="post" class="ad-form"  enctype="multipart/form-data" data-parsley-validate >      
   <label for="title">Title</label>                 
   <input type="text" id="title" name="title" placeholder="Title" required="required" data-parsley-maxlength="255" data-parsley-maxlength-message="Title can&#039;t have more than 255 signs." data-parsley-required-message="Please enter a title." data-trigger="focus" data-toggle="popover" data-content="Keep the title short and clear. Do not write the price in it or any information that is not relevant." data-parsley-validate-if-empty data-parsley-trigger="keyup"/> 
<script>
   $(document).ready(function()
   $('[data-toggle="popover"]').popover();   
    );
   $('.popover-dismiss').popover(
   trigger: 'focus'
   )
 </script>

   <label for="category">Category</label>                        
   <select id="Category" name="category" required="required" data-parsley-required-message="Please select a Category." data-level="0">
   <option value="">Select Category</option>
   </select>                                            
   <label for="subcategory">Subcategory</label>                           
   <select id="Subcategory" name="subcategory" data-parsley-required-message="Please select a subcategory.">
   <option value="">Select Category first</option>
   </select>                            
   </form>                      

【参考方案1】：

使用data-parsley-trigger="blur" 和data-parsley-validate-if-empty=true。

【讨论】：

谢谢，我试过了。但是 data-parsley-trigger="blur" 会在不提交表单的情况下验证长度吗？因为在我使用 data-parsley-trigger="keyup"

答案已修改。