(074)jquery_插件_validate 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>plug_validate.html</title>
    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript" src="../js/jquery/jquery190.js"></script>
    <script type="text/javascript" src="../js/jquery_validate/jquery.validate.js"></script>
    <script type="text/javascript" src="../js/jquery_validate/jquery.validate.messages_cn.js"></script>
    
    <script type="text/javascript">
        $(function(){
            $("#frmV").validate({
                rules:{
                    email:{
                        required:true,
                        email:true
                    }
                },
                errorPlacement:function(error,element){
                    error.appendTo(".tip");
                }
            });;
        });
    </script>
    
  </head>
  
  <body>
        <form id="frmV" method="get" action="#">
            <div id="divtest">
                <div class="title">
                    <span class="fl">表单验证插件</span> 
                    <span class="fr">
                        <input id="btnSubmit" type="submit" value="提交" />
                    </span>
                </div>
                <div class="content">
                    <span class="fl">邮箱：</span><br />
                    <input id="email" name="email" type="text" /><br />
                    <span class="tip"></span>
                </div>
            </div>
        </form>
  </body>
</html>

 

posted @ 2015-01-06 10:49  雪中飞雁  阅读(73)  评论(0)    收藏  举报