js配置
$(document).ready(function(){
$("#myForm").validate({
errorElement: "em",
success:function(label){label.text(" ").addClass("success");},
rules:{
txtName: {
required: true,
minlength: 5
},
txtEmail: {
required: true,
email: true
},
txtUrl:"url"
}
}
)
})
页面配置
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/messages_cn.js"></script>
<script type="text/javascript" src="js/metadata.js"></script>
<style type='text/css'>
*{font-family:Verdana;font-size:96%;}
em.error{float:none;color:red;padding-left:.5em;vertical-align:top;}
p{clear:both;}
em{font-weight:bold;vertical-align:top;}
em.error{
background:url("./img/wrong.gif") no-repeat 0px 0px;
padding-left:16px;
}
em.success{
background:url(./img/right.gif) no-repeat 0px 0px;
padding-left:16px;
}
</style>