0

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

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

$('#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 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>
4

1 回答 1

0 
<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>
于 2013-06-11T12:41:30.007 回答