Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将单独的jQuery Validation messagebox注释与字段旁边的附加注释进行比较:同时_Javascript_Jquery_Jquery Validate_Jquery Validation Engine - Fatal编程技术网

Javascript 如何将单独的jQuery Validation messagebox注释与字段旁边的附加注释进行比较:同时

Javascript 如何将单独的jQuery Validation messagebox注释与字段旁边的附加注释进行比较:同时,javascript,jquery,jquery-validate,jquery-validation-engine,Javascript,Jquery,Jquery Validate,Jquery Validation Engine,我希望在字段旁边显示一个星号,然后在验证时在表单底部同时显示一条特定消息 目前,我有以下两个版本: 1) 适用于字段标题后出现的星号 2) 制作“请填写姓氏”的作品 然而,我如何才能让这两者同时工作? 目前,如果我的文件中同时有这两个文件,那么只有一个文件在另一个文件之上才能工作 1) 附加在字段标签版本旁边 $(文档).ready(函数(){ //在键盘上验证注册表格并提交 $(“#新表单”).validate({ errorPlacement:函数(错误,元素){ 错误.appendTo(

我希望在字段旁边显示一个星号,然后在验证时在表单底部同时显示一条特定消息

目前,我有以下两个版本:

1) 适用于字段标题后出现的星号

2) 制作“请填写姓氏”的作品

然而,我如何才能让这两者同时工作? 目前,如果我的文件中同时有这两个文件,那么只有一个文件在另一个文件之上才能工作

1) 附加在字段标签版本旁边

$(文档).ready(函数(){
//在键盘上验证注册表格并提交
$(“#新表单”).validate({
errorPlacement:函数(错误,元素){
错误.appendTo('#title-'+element.attr('id'));
},    
规则:{
姓氏:{
要求:正确,
最小长度:2
}
},
信息:{
姓氏:{
必需:“*”,
最小长度:“*”
}
}
});
});
2) 消息框版本

$(文档).ready(函数(){
//在键盘上验证注册表格并提交
$(“#新表单”).validate({
errorLabelContainer:#messageBox“,
包装纸:“李”,
submitHandler:function(){alert(“Submitted!”)
},    
规则:{
姓氏:{
要求:正确,
最小长度:2
}
},
信息:{
姓氏:{
必填:“请填写姓氏”,
minlength:“请确定姓氏”
}
}
});
});

谢谢

答案是,页面上只能有一个可识别的验证。 jQuery的Validate插件有一个highlight选项,可以替代我试图实现的星号方法

同时,errorLabelContainer可以在表单底部的空格中获取消息

这两个选项都可以进入一个Validate(),而不会相互干扰

$(document).ready(function() {

    // validate signup form on keyup and submit
    $("#newform").validate({



    errorPlacement: function(error, element) {
        error.appendTo('#title-' + element.attr('id'));
    },    

        rules: {
            lastname: {
                required: true, 
                minlength: 2            
            }
        },

        messages: {
            lastname: {
                required: "*",
                minlength: "*"
            }
        }
    });
});
</script>
$(document).ready(function() {

    // validate signup form on keyup and submit
    $("#newform").validate({

    errorLabelContainer: "#messageBox",
   wrapper: "li",
   submitHandler: function() { alert("Submitted!") 
   },    

        rules: {
            lastname: {
                required: true, 
                minlength: 2            
            }
        },

        messages: {
            lastname: {
                required: "please fill in last name",
                minlength: "please fix the last name"
            }
        }
    });
});
</script>