jQuery在输入下验证发布错误消息

Radulescu Alexandru

你好stackoverflow成员。我需要在每个未通过验证的输入下显示由jQuery验证插件生成的错误消息。如何在errorPlacement函数中设置此消息?这是我的代码。

$(document).ready(function(){
    var base_url = window.location.origin;
    //Preiau mesajele de erroare pentru form 

    var language = $("#lang").val();
    var firstname = $("#fname").val();
    var lastname = $("#lname").val();
    var email_req = $("#em_req").val();
    var email = $("#em").val();
    var email_remote =$("#email_remote").val();
    var country = $("#cntry").val();
    var city = $("#cit").val();
    base_url=base_url+"/admin/"+language+"/adduser/";
    $("#success_message").hide();
    $("#addnewuser").validate({

            rules:{
                firstname: {
                    required:true,
                },
                lastname:{
                    required:true,
                },
                email:{
                    required:true,
                    email: true,
                    remote: {
                        url: base_url+"checkemail",
                        type: "POST",
                        datatype:"JSON",
                        data:{
                            email: function(){
                                return $("#email").val();   
                            }
                        },
                    }
                },
                country: {
                    required:true,
                },
                city:{
                    required:true,
                },
            },

            messages:{
                firstname: {
                    required:firstname,
                },
                lastname:{
                    required:lastname,
                },
                email:{
                    required:email_req,
                    email: email,
                    remote:email_remote,
                },
                country: {
                    required:country,
                },
                city:{
                    required:city,
                },
            },
            errorPlacement:function(error,element){

            },
            submitHandler: function(form){
                        $.ajax({
                            type: "POST",
                            url:base_url+"addUser",
                            dataType: "html",
                            data: $("#addnewuser").serialize(),
                            success: function(data){
                                if(data == true)
                                {
                                    $("#success_message").show();
                                }       
                            }
                        });
                    return false;
                }

        });
});
Radulescu Alexandru

我懂了。我需要像这样设置这个errorPlacement函数。

errorPlacement:function(error,element){
                 error.appendTo(element.parent().parent().after());
            },

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery验证错误消息的错误类与输入字段的关系

来自分类Dev

使用jQuery验证在错误消息中显示输入值

来自分类Dev

jQuery 验证,基于输入类型的不同错误消息

来自分类Dev

jQuery验证错误消息放置

来自分类Dev

jQuery验证远程错误消息

来自分类Dev

jQuery验证错误消息到位

来自分类Dev

角材料输入验证错误消息

来自分类Dev

输入数组验证消息错误 Laravel 5.5

来自分类Dev

jQuery验证数组输入错误

来自分类Dev

C#Webmethod + jQuery发布错误消息

来自分类Dev

jQuery验证带有图标的输入字段的内部发送错误消息

来自分类Dev

CKEditor和JQuery验证:输入文本后错误消息不消失

来自分类Dev

jQuery验证无法正常工作;在输入值时也显示错误消息

来自分类Dev

jQuery 验证字段:输入有效信息后,错误消息消失

来自分类Dev

jQuery验证插件和ajax发布,然后验证输入

来自分类Dev

如何控制jQuery验证错误消息

来自分类Dev

jQuery验证与动态错误消息

来自分类Dev

jQuery验证插件错误消息布局

来自分类Dev

jQuery验证上的不同错误消息

来自分类Dev

jQuery表单验证中的错误消息

来自分类Dev

jQuery验证消息显示在jQuery Mobile中的文本输入内

来自分类Dev

jQuery验证消息显示在jQuery Mobile中的文本输入内

来自分类Dev

使用jQuery验证并非所有错误消息都会出现并且输入字段会消失

来自分类Dev

如何验证错误消息并将其包装在输入周围?

来自分类Dev

验证失败时更改输入名称的颜色和错误消息

来自分类Dev

输入验证错误消息在 React 中不会消失

来自分类Dev

Ajax验证发布错误

来自分类Dev

组件测试验证后出现JQuery错误,表单发布

来自分类Dev

验证错误消息值

Related 相关文章

热门标签

归档