Question

我正在编写jquery验证码，我想在带有类名的标签之前添加一个div。我无法这样做。所以我发现在该标签中添加了一个包装器，并且还发现在该包装器上添加了类here [第二个答案]，但它也没有成功。该页面只是重定向。

根据答案，我确实喜欢这样：

$('#frm_product_info').validate({
    wrapper: "div class='abc'",
    rules:{
        lens_type:{
            required:true   
        },
        color:{
            required:true   
        }
    },
    messages:{
        lens_type:{
            required:"Please select a lens type."
        },
        color:{
            required:"Please select a frame color."
        }
    }
});

所以请任何人帮我在标签前添加一个div ..或者弄清楚为什么上面的代码在正确的情况下不起作用。

更多代码

HTML

<form name="frm_product_info" id="frm_product_info" method="post" action="http://192.168.1.3/optic/site/cart_steps/steps/">
    <h3 class="margin_bottom">Select Lens Type</h3>
 <input type="radio" name="lens_type" value="4"/> Progressive<br/>
 <input type="radio" name="lens_type" value="3"/> Bifocal<br/>
 <input type="radio" name="lens_type" value="2"/> Single Vision Distant<br/>
 <input type="radio" name="lens_type" value="1"/> Single Vision Reading<br/>

     <input type="submit" value="Buy Now" class=" btn btn_buy_now"/>
</form>

SCRIPT

<script type="text/javascript" src="http://192.168.1.3/optic/js/jquery.validate.js"></script>
<script>
$(document).ready(function(){
$('#frm_product_info').validate({
    wrapper: "div",
    rules:{
        lens_type:{
            required:true   
        },
        color:{
            required:true   
        }
    },
    messages:{
        lens_type:{
            required:"Please select a lens type."
        },
        color:{
            required:"Please select a frame color."
        }
    }
});
});    
</script>

Answer 1

<script>
$(document).ready(function(){
$('#frm_product_info').validate({
  errorLabelContainer: "#error_place",
    wrapper: "div",
    rules:{
        lens_type:{
            required:true   
        },
        color:{
            required:true   
        }
    },
    messages:{
        lens_type:{
            required:"Please select a lens type."
        },
        color:{
            required:"Please select a frame color."
        }
    }
});
});    
</script>
<form name="frm_product_info" id="frm_product_info" method="post" action="http://192.168.1.3/optic/site/cart_steps/steps/">
    <h3 class="margin_bottom">Select Lens Type</h3>
<div id="error_place"></div>
 <input type="radio" name="lens_type" value="4"/> Progressive<br/>
 <input type="radio" name="lens_type" value="3"/> Bifocal<br/>
 <input type="radio" name="lens_type" value="2"/> Single Vision Distant<br/>
 <input type="radio" name="lens_type" value="1"/> Single Vision Reading<br/>

     <input type="submit" value="Buy Now" class=" btn btn_buy_now"/>
</form>

在jquery验证中在错误标签之前添加div

1 个答案: