Question

我使用jquery验证插件来验证我的表单 https://jqueryvalidation.org/

我需要进行热切的验证，因为我已经在这篇文章中使用过了 Use Jquery Validation Plugin to add real-time validations to my form

现在我正在进行热切的验证。

但是我过早地显示错误消息有问题。

我有一个至少需要10个字符的文本框。一旦用户开始输入，他就会收到验证错误。但是我只需要在小于10个字符时显示错误消息，并且在用户开始输入时不会显示错误消息。但是当用户keyup 10 chars时，我仍然需要获得成功。

所以，当我们有

时

KEYUP

不应显示错误消息（现在这不起作用）
一旦输入10个字符，我就需要取得成功（现在它可以正常工作）

模糊

如果10个字符未填充，则用户应收到错误消息

这是我的代码 https://jsfiddle.net/k8213c41/13/

<form id="postForm" action="">
   <div>Minimum of 10 characters</div>
   <textarea id="description" rows="10" cols="50" name="description" ></textarea>
</form>
<script type="text/javascript">
    $(document).ready(function () {
        $("#postForm").validate({
            rules: {
                description: {
                    required: true,
                    minlength: 10
                }
            },
            onfocusout: function(element) {
                this.element(element); // triggers validation
            },
            onkeyup: function(element, event) {
                this.element(element); // triggers validation
            },
            messages: {
                description: {
                    required: "Please enter your description",
                    minlength: "Description requires at least 10 characters"
                }
            },
            errorElement: "div"
        });
    });
</script>

提前致谢

jquery验证实时

0 个答案: