Jquery 验证规则 - 如何要求在验证之前选择一个选项

发布于 2024-10-31 23:25:56 字数 132 浏览 0 评论 0原文

我希望仅在选择下拉列表中的特定选项时才验证某些输入数据。对于单选按钮,这是通过以下规则完成的:

required : "#radioId:checked"

如何对下拉列表中的选项完成此操作?

I want some input data to be validated only if specific option in a dropdown is selected. For radiobutton this is done with such rule:

required : "#radioId:checked"

How can this be done for an option in dropdown?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

彼岸花似海 2024-11-07 23:25:56

如果内存可用,您可以有一个回调,返回您想要查看的选项是否被选中:

required: function(element) {
    return $("#selectID>option:selected").val() == 18;//or whatever value you require
  }

If memoery serves, you can have a callback that returns whether the option you want to see selected is selected:

required: function(element) {
    return $("#selectID>option:selected").val() == 18;//or whatever value you require
  }
给不了的爱 2024-11-07 23:25:56

另一种选择可能是编写自己的选择器:

    $.extend($.expr[":"], {
    myselector: function (e)
    {
        return $(e).val() == 'mine';
    }
});

选择器:

required : '#test:myselector'

Another option could be to write your own selector:

    $.extend($.expr[":"], {
    myselector: function (e)
    {
        return $(e).val() == 'mine';
    }
});

Selector:

required : '#test:myselector'
鸠魁 2024-11-07 23:25:56

您可以使用依赖检查器,例如:

<select name="selectBox" id="selectBox">
 <option value="option1">Option 1</option>
 <option value="option2">Option 2</option>
</select>

<input type="text" name="inputBox" />

----------------------in your rules do---------------------

 inputBox: {
   depends: function (elt) {
     return $('#selectBox').val() === "option1"; 
     // option1 being the targeted option here
   }
 }

You can use the depends checker with something like:

<select name="selectBox" id="selectBox">
 <option value="option1">Option 1</option>
 <option value="option2">Option 2</option>
</select>

<input type="text" name="inputBox" />

----------------------in your rules do---------------------

 inputBox: {
   depends: function (elt) {
     return $('#selectBox').val() === "option1"; 
     // option1 being the targeted option here
   }
 }
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文