如何在我的表单中使用 jquery 验证器插件中的条件验证

发布于 2024-12-02 03:31:43 字数 1854 浏览 1 评论 0原文

当我从下拉框中选择类型时，表单字段正在发生变化。更改意味着隐藏或显示，因此根据下拉值表单字段隐藏和显示，我需要向此表单添加j查询验证插件，

我有一个输入

<div class="form-item">
                                                        <div class="catergory-inputs">
                                                            <input name="address" type="text" class="textarea_medium"
                                                                id="Address" value="<?php echo $address['value'] ; ?>" />
                                                        </div>
                                                    </div>

我验证这个

 var x=$("#contactinfo").validate({
            rules: {

                address: {
                    required: true,
                    minlength: 3,
                    maxlength: 50,
                    lettersonly: true                   
               },
 },

            messages: {

                address: {
                    required: "Enter your Address",
                    minlength: "At least 3 characters long"
                },
            }
        });

我想验证这个字段如果只有这个场上并不隐瞒。像这样

 var x=$("#contactinfo").validate({
            rules: {
                if(not hiding) {
                address: {
                    required: true,
                    minlength: 3,
                    maxlength: 50,
                    lettersonly: true
                   } 
               },
 },

            messages: {
                if(not hiding) {
                address: {
                    required: "Enter your Address",
                    minlength: "At least 3 characters long"
                  } 
                },
            }
        });

我该怎么做，我在堆栈溢出中看到了类似的问题。但是那里没有 mh 问题的答案，请帮助我...................... …… :(

原文

when i select a type from a drop down box the form fields are changing .
changing means hiding or showing , so according to the drop-down value the form fields are hiding and showing , i need to add j query validation plugin to this form ,

i have a input

<div class="form-item">
                                                        <div class="catergory-inputs">
                                                            <input name="address" type="text" class="textarea_medium"
                                                                id="Address" value="<?php echo $address['value'] ; ?>" />
                                                        </div>
                                                    </div>

i validate this

 var x=$("#contactinfo").validate({
            rules: {

                address: {
                    required: true,
                    minlength: 3,
                    maxlength: 50,
                    lettersonly: true                   
               },
 },

            messages: {

                address: {
                    required: "Enter your Address",
                    minlength: "At least 3 characters long"
                },
            }
        });

i want to validate this field if only this field is not hiding . like this

 var x=$("#contactinfo").validate({
            rules: {
                if(not hiding) {
                address: {
                    required: true,
                    minlength: 3,
                    maxlength: 50,
                    lettersonly: true
                   } 
               },
 },

            messages: {
                if(not hiding) {
                address: {
                    required: "Enter your Address",
                    minlength: "At least 3 characters long"
                  } 
                },
            }
        });

how can i do this , i saw similar questions in stack-overflow .but there were no answer to mh question there , plz help me ............................. :(

分享到QQ

分享到微博

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

发布评论

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

萤火眠眠 2024-12-09 03:31:43

我认为你可以使用可见选择器。

http://api.jquery.com/visible-selector/

这是未经测试的，但是；

var x=$("#contactinfo:visible").validate({

顺便说一句，当使用验证插件时，你可以这样做；

<input type=text class="required" id="txtName"/>

那么当您调用 validate() 方法时，如果文本框被隐藏，则不会对其进行验证。诀窍是将“必需”类添加到类属性中

I think you can use the visible selector.

http://api.jquery.com/visible-selector/

this is untested but;

var x=$("#contactinfo:visible").validate({

By the way, when using the validation plugin you can do this;

<input type=text class="required" id="txtName"/>

then when you call the validate() method, if the textbox is hidden it will not be validated. The trick is to add the "required" class to the class attribute

回复收藏 0 原文