当前位置:Gxlcms > JavaScript > 基于jQuery.Validate验证库知识点的详解

基于jQuery.Validate验证库知识点的详解

时间:2021-07-01 10:21:17 帮助过:7人阅读

1、如果设置了errorContainer、errorLabelContainer、wrapper,则errorPlacement不起作用
代码如下:
...
  $(document).ready(function(){
    $("#myform").validate({
       errorContainer: "#messageBox1, #messageBox2",
       errorLabelContainer: "#messageBox1 ul",
       wrapper: "li",
       debug:true,
...

errorContainer: 可以配置多个容器,这里的messageBox2元素没有被包装处理,只是错误发生的时候显示和隐藏此元素

errorLabelContainer:显示错误信息的容器,根据校验结果隐藏或者显示错误容器。

wrapper: 显示错误信息的外层标签名称.

errorElement: 指定显示校验错误信息的html标签名称(默认为label)

比如errorElement设置为span的情况

<SPAN class=checked htmlFor="cusername" generated="true"></SPAN>

人气教程排行