Jquery.Validate 基于条件

Question

我正在尝试使用 Jquery.Validate() 进行条件验证

我有一个名为 selectAmount 的选择和一个名为 txtAmount 的输入

如果 selectAmount 值 =“其他”

我希望需要 txtAmount。

<div id="container">
    <form id="AddForm" method="POST" action="#">

                    <select name="selectAmount">
                        <option value="10">$10</option>
                        <option value="25">$25</option>
                        <option value="50">$50</option>
                        <option value="100">$100</option>
                        <option value="250">$250</option>
                        <option value="500">$500</option>
                        <option value="Other">Other</option>
                    </select>

                    <input name="txtAmount" type="text" placeholder="Enter Amount" />
            <button id="AddToCart">Add to Cart</button>
    </form>
</div>

这是我制定规则的地方。我遇到的问题在这里:

"txtAmount": {
                required: function(element){
                    alert($("#selectAmount").val());
                    return false;

$('#selectAmount').val() //is always undefined

$(document).ready(function () {
  $("#AddForm").validate({
    rules: {
        "selectAmount" : {
            required: true
        },
        "txtAmount": {
            required: function(element){
                alert($("#selectAmount").val());
                return $("#selectAmount").val() == 'Other';
            }
        }
    },
    messages: {

        "selectAmount": {
            required: "Amount selection is required."
        },

        "txtAmount": {
            required: "Amount is required."
        }
    },
    submitHandler: function (form) { // for demo
        return false; // for demo
    }
});

});

http://jsfiddle.net/9YjH2/2/

有人可以帮忙吗？

Answer 1

你们实际上非常接近。 #在$("#selectAmount")告诉 jQuery 查找带有 id 的元素选择金额。但 selectAmount 是 name属性不是 id 。因此，如果您只需添加 id=selectAmount归因于您的select一切顺利。这是 fiddle (警报已被注释掉)。这里还有关于 jQuery selectors. 的更多信息如果您不想添加 id属性，看看attribute equals selector.但是，我建议使用 id .

所以最后只需更改这一行:
<select name="selectAmount">
到
<select name="selectAmount" id="selectAmount">