0

私は jquery 検証コードを書いています。クラス名のラベルの直前に div を追加したいと考えています。私はそうすることができませんでした。そのため、そのラベルにラッパーを追加することがわかり、ここでそのラッパーにクラスを追加することもわかりました[2番目の回答]が、うまくいきませんでした。ページがリダイレクトされるだけです。

その答えによると、私はこれが好きでした：

$('#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 に答える