相关疑难解决方法(0)

.valid()仅使用jQuery Validation插件验证第一个输入

我很难让jQuery Validation插件按我的意愿工作.

我所拥有的是一个包含多个必需输入的表单,规则如下所示:

$("#makeEvent").validate({
    onfocusout: false,
    rules: {
        name: {
            required: true,
            minLength: 2,
            maxLength: 100
        },
        host: {
            required: true,
            minLength: 2,
            maxLength: 100
        },
        startDate: {
            required: true,
            date: true
        },
        endDate: {
            required: true,
            date: true
        },
        desc: {
            required: true,
            minLength: 10,
            maxLength: 255
        },
        webpage: {
            required: false,
            url: true
        },
        email: {
            required: true,
            email: true
        },
    }
});
Run Code Online (Sandbox Code Playgroud)

现在我有一个自定义.click()调用,我想验证表单,然后在允许用户发送表单之前显示用户的预览.请参阅以下功能:

$('#submitPreview').click(function() {
    if($("#makeEvent").valid() === false) {
        //What to do if validation fails
    } else …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-validate

6
推荐指数
1
解决办法
5645
查看次数

使用jquery验证器验证具有相同名称的多个文本框仅验证第一个输入

我试图用jquery验证器验证具有相同名称的两个输入..

<script src='
            http://code.jquery.com/jquery-latest.min.js '></script>
            <script src='http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js'></script>
            <script>
            $(document).ready(function(){

            $('#frm').validate();

            $("[name=inp_text]").each(function(){
            $(this).rules("add", {
            required: true,
            checkValue: true
             });   
           });

                $.validator.addMethod("checkValue", function(value, element) {
                var response = ((value > 0)&&(value <= 100))||((value == 'test1')||(value =='test2'));
               return response;
               }, "invalid value");

            })

            </script>


            <form id='frm' method='post'>
            <input type='text' name='inp_text'/><br>
                <input type='text' name='inp_text'/><br>
            <input type='submit' name=''/>
            </frm>
Run Code Online (Sandbox Code Playgroud)

但是当我运行这个代码时,它只验证第一个输入,第二个输入被简单地忽略

我也试过使用<input type='text' name='inp_text[]'/><br>但仍然没有工作.

我应该改变什么...?

提前致谢

forms jquery jquery-validate

6
推荐指数
1
解决办法
3万
查看次数

标签 统计

jquery ×2

jquery-validate ×2

forms ×1