                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

为什么点提交就直接跳转页面了

默默是帅锅

2015-03-25

源自：jQuery基础课程 9-1

关注问题我要回答

999

操作

收起

3 回答

炸猪排超人
2015-12-02

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>表单验证插件</title>
        <link href="style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="http://www.imooc.com/data/jquery-1.8.2.min.js"></script>
        <script type="text/javascript" src="http://www.imooc.com/data/jquery.validate.js"></script>
        <script type="text/javascript" src="http://www.imooc.com/data/jquery.validate.messages_cn.js"></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>
         
        <script type="text/javascript">
            $(function () {
                $("#frmV").validate(
                  {
                      /*自定义验证规则*/
                      rules: {
                            email: {
                                required:true,
                                email:true
                            }
                      },
                      /*错误提示位置*/
                      errorPlacement: function (error, element) {
                          error.appendTo(".tip");
                      }
                  }
                );
            });
        </script>
    </body>
</html>

贴套正确代码，可以直接复制粘贴过去用，在输入框里面输入错误的邮箱地址会有提示。

0 回复有任何疑惑可以回复我~

收起回答

羽动风清
2015-03-31

rules: {
                            email: {
                            required: true,
                            email: true 
                          }
                      },

rules规则里面标点符号弄错了， [ required:true, ]这个后面是逗号，不能是冒号 ;

0 回复有任何疑惑可以回复我~

收起回答

偌颜宁
2015-03-25

你代码没有写对吧

<script type="text/javascript">
        $(function () {
            $("#frmV").validate(
              {
                  /*自定义验证规则*/
                  rules: {
                      email:{
                        required:true,
                        email:true
                      }
                  }, 
                  /*错误提示位置*/
                  errorPlacement: function (error, element) {
                      error.appendTo(".tip");
                  }
              }
            );
        });
    </script>

0 回复有任何疑惑可以回复我~

收起回答