JQuery中的下拉验证

时间:2012-04-27 06:10:16

标签: javascript jquery textbox drop-down-menu jquery-validate

实际上我是 LAMP (Linux,Apache,Mysql,PHP)的新用户。我使用php脚本创建了一个网页,并使用了 js validation plugin 的验证规则来验证表单输入(文本框,电子邮件等)。

  • 我创建了 2下拉列表

    • (a)“类别”包含选项儿童,成人

    • (b)“席位”包含选项非AC,AC

  • 然后我使用文本框“金额”,它接收整数输入。 条件是

    • child&非AC - 150(作为金额)

    • Child& AC -200(作为金额)

    • 成人&非AC - 300(作为金额)
    • 成人& AC - 400(金额)

我必须通过考虑下拉列表列表中的输入来验证金额文本框。

我搜索了jquery validation.js并找到了 min 约束。但没有找到自定义验证代码来使用min和输入从下拉列表中验证文本框。

如果有人帮助我,我将非常感激。

2 个答案:

答案 0 :(得分:1)

您可以编写自己的验证方法,例如关注

jQuery.validator.addMethod(
    "amountcheck",
    function(value,element){
         // value ==> the value of text box , element ==> the text box
         var category = $("#category").val();
         var seat = $("#seat").val();   
         // check it's valid or not..
         if (true){
              return this.optional(element) || true;
         }else{
              return this.optional(element) || false;
         }
    },
    "Invalid Amount"
);

然后

$(form).validation({
    rules:{
        Amount:{
             amountcheck:true
        }
    }
})

答案 1 :(得分:0)

尝试这样做:---

jQuery('#Category).change(function() {
    //ur code comes here..
    //here you can give ur condition based on category changed..
});