标签: jquery-validate

这似乎是一个非常简单的问题，但我认为数小时盯着代码让我很难找到解决方案

我正在使用jQuery 验证插件& 我想要动画错误标签的显示。有可能吗？如果是这样怎么办？

我环顾四周，但解决方案似乎在暗指我！

提前致谢！！！

这段代码是从另一个文件复制的，它在那个文件中工作，我检查了变量和表单 id，我确定名称与 js 代码一致。genFrom 中的文本框也可以验证工作，只有复选框不起作用。

<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script>
$(document).ready(function(){
    $("#genForm").validate();
    $("#genForm").validate( {
        rules: {
            agree: {
                required: true
            }
        }
    })
});
</script>

<form id="genForm"  method="post" action="verify.php">
<div class="container">
    <div class="hero-unit">
        <h1>Subscribe for final</h1>
    </div>
    <div class="clearfix">
        <label>Email</label>
        <div class="input">
            <input name="Email" type="text" class='required'>
        </div>
    </div>
    <br>
    <br>
    <div class="clearfix">
    <label>Agreements:</label>
        <div class="input"> 
        <ul class="inputs-list">
            <li>                                      
            I accept the terms and conditions.
            <!-- Check box is here, not working -->
            <input type="checkbox" name="agree" value="1">
            </li>
        </ul>
        </div> 
    </div> …

我在ASP.NET MVC 3中使用jQuery验证.是否有可能检查输入是否有效而不显示实际输入旁边的错误消息？

我试过了:

$("#myForm").validate().element("#myInput1"); // this shows the error message only for the myInput1 element

$('#myForm').valid(); // this shows the error messages for all fields.

我不是要试图压制永远显示的错误,我只是想通过使用在服务器上创建的验证来检查字段是否有效.那个可以改变,所以我不想有两个验证定义(一个在客户端上,一个在服务器上).谢谢!

后来编辑:

var a = $('#myForm').validate({
    errorPlacement: function(error,element) {
                       return true;
                    }
}).element("#myInput1");
alert(a);

这也显示了错误.

我正在使用jQuery验证的新验证规则.它不知何故不适用？它包含在之后包含的javascript文件中jquery.validate.js.我什么时候应该包含包含我的自定义规则的js文件？

当我输入0.1一个应该验证的输入时,没有任何事情发生,console.logisnt hit也不是警报.

$(document).ready(function(){
    jQuery.validator.addMethod('integer', function(value, element, param) {
        console.log(value); alert("hey");

        return (value != 0) && (value == parseInt(value, 10));
    }, 'Please enter a non zero integer value!');
});

HTML

<input class="required number integer valid" type="text" data-type="int" value="1" name="Default.MinArrivals" title="">

这些类required和number工作完美,它只是我的integer方法无法正常工作.

我正在处理一个表单,它有一些文本字段和后面的输入元素:

<input class='ignore' name='photo' id='photo' type='file' accept="image/*"/>   

此外,我有脚本:jQuery,jQueryUI,jQuery验证,jQuery不引人注目和不引人注目的ajax.我认为这是最常见的jQuery脚本集.

但我遇到了非常痛苦的问题.在我选择图像后,此输入始终标记为错误.这对所有浏览器也是如此.

我试着补充一下

$("#application-form").validate({
   ignore: ".ignore"
})

但这没有帮助.所以,我真的很想知道如何处理这个问题......

PS.我还试图通过添加此脚本而不是输入元素来使用某种解决方法:

$("#photo-container").html("<input class='ignore' name='photo' id='photo' type='file' accept='image/*'/>   ");

但得到完全相同的行为

我在我的jQuery Mobile项目中添加了bassistance jQuery验证.它完美无缺,除了错误显示在文本输入内部而不是它们之下.我知道我可以使用errorPlacement在输入下方使用div来输出我的错误消息,但这似乎不适用于选择菜单.

所以我有两个问题:

1. 有什么我可以做的不同,使错误消息显示在输入下方而不使用errorPlacement？
2. 如果必须使用errorPlacement,如何显示选择菜单的错误消息？

这是我的代码:

<script>
    $('#page').bind('pageinit', function(event) {
        $('#registrationForm').validate({
            rules: {
                firstname: {
                    required: true
                },
                lastname: {
                    required: true
                },
                email: {
                    required: true,
                    email: true,
                    remote: "duplicateCheck.php"
                },
                password: {
                    required: true,
                    minlength: 5
                },
                verify_password: {
                    required: true,
                    minlength: 5,
                    equalTo: "#password"
                },
                handicap: {
                    required: true,
                    maxlength: 2,
                    digits: true
                },
                stopper: {
                    required: true
                }
            },
            messages: {
                firstname: {
                    required: "Please enter your first name."
                },
                lastname: {
                    required: "Please enter …

我想在这个HTML中使用jQuery Validation插件:

<input data-validators="required" name="X2aasNr" type="text" value="Nedas" class="cleared" id="">

如您所见,我使用名为的自定义属性data-validators.如何在这种情况下使用jQuery Validation插件？

我在RequireJS中有一个主模块:

require([
    'jquery',
    'jquery.validate',
    'jquery.validate.unobtrusive'
], function ($) {
    $(document).ready(function () {
        var validator = $("form").validate();
        if ($("#txtFirstName").val() !== "")
            validator.element("#txtFirstName");
    });
});

当我加载此页面时,出现JavaScript错误:

TypeError:$(...).validate不是函数var validator = $("form").validate();**

我现在不知道为什么？加载所有脚本:

我正在构建一个付款表单并使用jQuery验证来执行我的验证.如果它有2位小数,我怎么才能验证"付款金额"字段？如果用户在金额上取消.00,我希望它失败.

这是我的Javascript:

$(document).ready(function () {

    $('#payment-form').validate({ // initialize the plugin
        rules: {
            order_id: {
                required: true
            },
            price: {
                required: true,
                number: true
            }
        },
        messages: {
            order_id: "Please enter your Invoice Number",
            price: "Please enter Payment Amount"
        },
        submitHandler: function (form) { // for demo
            alert('valid form submitted'); // for demo
            return false; // for demo
            //form.submit();
        }
    });

    $('#price').keypress(function(event) {
        if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
            event.preventDefault(); …

我想显示相同的消息"请输入您的名字." 当用户按下提交以及是否/何时发生犯规事件.

目前,当用户提交时,我收到正确的消息.当我点击该字段,然后标签(焦点)我得到"这个字段是必需的".我想以某种方式进入验证方法,因此消息是一致的.

这是我正在使用的标记:

HTML:

<input type="text" id="firstName" name="firstName" />

JavaScript的:

var messages = {
    'firstNameRequired': "Please enter your first name."
};


$('input[type="text"]').focusout(function(event) {
    $(this).valid();
});

....

function validateForm() {
    $('#myForm').validate({
        'rules': {
            'firstName': {
                'required': true,
                'minlength': 3
            }
        },
        'messages': {
            'firstName': messages.firstNameRequired
        }
        ...
});

// invalid but this is what I'm trying to accomplish:
 $('input[type="text"]').focusout(function(event) {
    $(this).valid({
        // override the default error message...
        'messages': {
            'firstname': messages.firstNameRequired
         }
    });
});

感谢您的时间!