Jquery验证minlength不适用于远程规则

时间:2013-09-27 09:11:53

标签: jquery jquery-validate

我正在尝试使用jquery验证来验证表单。使用版本1.11

我在这里设置了一个小提琴:http://jsfiddle.net/longestdrive/Raagr/4/

我的应用程序和小提琴中的远程功能似乎忽略了所有其他规则,例如required和minlength。欣赏远程功能不会在小提琴中工作。

但是在应用程序和小提琴中 - 使用遥控器我可以提交表单,即使该字段设置为必需且我有一个最小的设置:

这是基本字段的html:

<form id="myForm" method="POST">
<label class="span1" for="ticket">Ticket Number *</label>
<div class="input-append no-margin span3">
    <input id="ticket" name="ticket" class="input-medium" type="number" required="required">
</div>
    <input type="submit" value="Submit">

这是基本的验证:

$(document).ready(function() {

//attach validation to Form - should work with edit and create forms

$('#myForm').validate({
    debug: false,
    ignoreTitle: true,
    rules: {

    ticket: {
        minlength:4,
        remote: {
            type:"POST",
            data: { reservation: function() {
                return $( "#reservation_id" ).val();
                }
            },
            url:'/ticketaudits/validateTicket',
        }
    },

});

});

不确定问题是什么或我如何验证。基本上我正在努力确保票证长度为4个字符,理想情况下不会进行远程调用,直到长达4个图表

所有帮助表示赞赏

由于

1 个答案:

答案 0 :(得分:0)

根据讨论的结果,评论和屏幕截图已被主持人删除,因为他没有发现它对社区有用..

以下是摘要.. 这些是你小提琴中的错误: enter image description here

这是你应该使用的Jquery:

$('#myForm').validate({
        debug: false,
        ignoreTitle: true,
        rules: {
            ticket: {
                minlength:4,
                remote: {
                    type:"POST",
                    data: { reservation: function() {
                        return $( "#reservation_id" ).val();
                        }
                    },
                    url:'/ticketaudits/validateTicket'
                }
            }
        }
    });
});

希望这有效,你需要的方式:)