我有两个“< li >”元素,并且我使用 jQuery 在单击时添加了一个“事件”类,但是,我不希望用户在不选择这两个选项中的任何一个的情况下继续操作。这是我正在使用的元素:
<ul class="register-tabs">
<li class="am_va" data-account-type="one" data-description="one"><a href="javascript:void(0);">One</a></li>
<li class="need_va" data-account-type="two" data-description="two"><a href="javascript:void(0);">Two</a></li>
</ul>
我想知道如何使用 jQuery.validate 来验证它?
我当前的解决方法是,在用户未单击我提供的选项之前,按钮验证将被禁用。但我发现这对用户体验来说很恼人。因此,如果他们没有选择任何选项,我想显示一个错误。
最佳答案
因此,我找到了问题的解决方案,并将其发布,以便如果有人需要解决方案,这就是我的解决方案。
新的 HTML 结构:
<ul class="register-tabs">
<li class="am_va" data-account-type="job-seeker" data-description="I'm a virtual assistant looking for work."><a href="javascript:void(0);">I WANT TO WORK</a></li>
<li class="need_va" data-account-type="job-offer" data-description="I need to hire a virtual assistant."><a href="javascript:void(0);">I WANT TO HIRE</a></li>
<input type="hidden" name="accountType" id="accountType" value="" />
<label for="accountType" class="error"></label>
</ul>
因此,我添加了一个带有空白值的隐藏输入框,以便稍后 jQuery Validate 可以检查它是否为空白并显示我提供的标签错误。
这是 jQuery.validate() 代码。
jQuery('#form').validate({
ignore: ".ignore",
rules: {
last_name: {
required: true
}
},
messages: {
accountType: {
required: "<?php _e( 'Please choose account type', 'themesdojo' ); ?>"
}
}).......;
对于最终结果,当单击两个选项之一时,我使用了 jQuery,我在提供的隐藏文本框中添加了一个值,以便正确验证:)
关于javascript - 检查 jQuery.validate() 上的元素上是否已有 "active"类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48313129/