0

我正在尝试使用 jQuery Validate 对数值进行验证，但仅在选中单选按钮时；如果未选中单选按钮，则该字段将是必需的，但用户可以插入字母数字值；问题是仅验证该字段是否为空，console.log 显示我想要的值（真或假），但在提交时将数据发送到服务器。这就是我所拥有的：

$("#new_redeem_coupon").validate({
    rules:{
        'redeem_coupon[confirmation_number]': {
            required: function(element){
                var v = $("#redeem_coupon_confirmation_number").attr("value");
                if($("#redeem_coupon_coupon_kind_0").attr("checked") == "checked"){
                    ret = (v == "");
                    console.log("VALUE1: " + ret);
                    return ret;
                }
                else{
                    var ret = (v == "" || isNaN(v));
                    console.log("VALUE2: " + ret);
                    return ret;
                }
            }
        }
    },
    errorPlacement:function(error, element){
        $(element).attr("title",error.html()).tooltip({track:true});
    },
    success:function(label){
    },
    errorClass: "invalid",
    focusCleanUp: true
});

我也尝试过使用以下代码，但没有奏效；该值始终保持为假：

'redeem_coupon[confirmation_number]': { required:true, number: $("#redeem_coupon_coupon_kind_0").attr("checked") != "checked" }

在此先感谢您的帮助。

巴勃罗·马蒂

4

1 回答 1

2

解决方案：使用上列出的add和方法：http: //docs.jquery.com/Plugins/Validation/rules#.22add.22rulesremove

规则：

$("#new_redeem_coupon").validate({
    rules:{
        'redeem_coupon[confirmation_number]': {required: true}
    },
    errorPlacement:function(error, element){
        $(element).attr("title",error.html()).tooltip({track:true});
    },
    success:function(label){
    },
    errorClass: "invalid",
    focusCleanUp: true
});

我通过无线电添加了一个事件来添加和删除每种情况的规则：

$(".coupon_kind_opt").change(function(){
    if($("#redeem_coupon_coupon_kind_0").attr("checked") == "checked"){
        $("#redeem_coupon_confirmation_number").rules("remove", "number");
    }
    else{
        $("#redeem_coupon_confirmation_number").rules("add", {
            number: true
        });
    }
})
于 2012-12-12T15:44:14.553 回答