验证(用空白字段表示)jquery-1.9.1.min中两个字段中的任何一个 [英] Validate(in terms blank field) any one out of two fields in jquery-1.9.1.min

问题描述

我要验证(不允许空白)这两个字段中的任何字段！从

I want to validate(not allow blank) any field out of these two !Got some idea from here but unable to implement it in 1.9.1 version.

即使两个字段都有效，也可以. 任何输入.....伙计们

Even both of the fields are validate,that's also fine. Any inputs..... guys

这是我的jQuery

Here is my jquery

    jQuery.validator.addMethod("require_from_group", function(value, element, options) {
    alert("xxx");
    var valid = $(options[1], element.form).filter(function() {
        return $(this).val();
    }).length >= options[0];

    if(!$(element).data('reval')) {
        var fields = $(options[1], element.form);
        fields.data('reval', true).valid();
        fields.data('reval', false);
    }
    return valid;
}, jQuery.format("'Please enter either username/ email address to recover password'/Please fill out at least {0} of these fields."));

$("#forgot_pass_form").validate({
    rules: {
        uname: { require_from_group: [1,".send_username"] },
        email: { require_from_group: [1,".send_password"] }
    }
});

这是我的html

<form action="#" class="send_form" id="forgot_pass_form" method="POST">
                <fieldset>
                    <div class="send_row">
                        <label class="padding-top10">Email</label>
                        <input type="text" class="send_email" id="email" name="email" />
                        <em>You need to type an email address</em>
                    </div>

                    <div class="send_row option">OR</div>

                    <div class="send_row">
                        <label class="padding-top10">Username</label>
                        <input type="text" class="send_username" id="uname" name="uname" />
                    </div>


                    <div class="send_row send_submitforgotuser">
                        <input type="submit" value="Submit" />
                    </div>
                </fieldset>
                </form>

我只想验证这两个空白字段中的任何字段.

I want just to validate any field out of these two blank fields.

推荐答案

向每个输入添加一个minlength属性.如果添加最小长度1，则不能为空.如果您添加电子邮件"类，它将验证电子邮件地址.

Add a minlength property to each of the inputs. If you add minlength 1 they can't be blank. If you add the class "email" it will validate an email address.

HTML

<form action="#" class="send_form" id="forgot_pass_form" method="POST">
    <fieldset>
        <div class="send_row">
            <label class="padding-top10">Email</label>
            <input type="text" class="send_email email" id="email" name="email" />
            <em>You need to type an email address</em>
        </div>

        <div class="send_row option">OR</div>

        <div class="send_row">
            <label class="padding-top10">Username</label>
            <input type="text" class="send_username" id="uname" name="uname" minlength="2" />
        </div>


        <div class="send_row send_submitforgotuser">
            <input type="submit" value="Submit" disabled="" />
        </div>
    </fieldset>
</form>

JS:

$(document).ready(function() {
    $("#forgot_pass_form").validate();
    $("#forgot_pass_form input").on('change', function() {
        if ($('#forgot_pass_form').valid()) {
            $('#forgot_pass_form input[type="submit"]').removeAttr('disabled');
        } else {
            $('#forgot_pass_form input[type="submit"]').attr('disabled', 'true');
        }
    });
});

例如: http://jsfiddle.net/jeffshaver/K2XAX/3/

这篇关于验证(用空白字段表示)jquery-1.9.1.min中两个字段中的任何一个的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！