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

为什么一点击就跳转到慕课网页面去了？

<!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: {
                            required:true,
                            email:true
                          }
                      },
                     /* messages:{
                          email:{
                              required:"*邮箱不能为空",
                              email:"*邮箱格式不对"
                          }
                      },*/
                      /*错误提示位置*/
                      errorPlacement: function (error, element) {
                          error.appendTo(".tip");
                      }
                  }
                );
            });
        </script>
    </body>
</html>

二五七

2015-11-09

源自：jQuery基础课程 9-1

关注问题我要回答

520

操作

收起

4 回答

hey自然回答被采纳 +3 积分
2015-11-12

你先照着左边案例代码写，写完再来问问题。

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

#1

二五七提问者

哦，唔好意思，粗心大意了。BTW：下次回答别人问题麻烦直接一点，不要一副鄙视人的样子。anyway，还是非常感谢您。

2015-11-13 回复有任何疑惑可以回复我~

#2

Echoya 回复二五七提问者

我也出现了一样的问题，找了好多遍还没有发现问题。。。。

2015-11-20 回复有任何疑惑可以回复我~

#3

炸猪排超人回复 Echoya

看一下是不是大括号的问题。

2015-12-02 回复有任何疑惑可以回复我~

外星人6
2015-12-21

题目本身多了个大括号，去掉就行了

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

收拾好鑫情
2015-12-18

我大括号没错也跳转了，都不知道正确格式是什么样的

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

炸猪排超人
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 回复有任何疑惑可以回复我~

#1

复制你的,还有同学代码那里前两名的代码,输入错误的邮箱可以报错,但输入正确就转到慕课网.

2016-03-22 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础课程

参与学习 154768 人
解答问题 7184 个

加入课程学习，有效提高前端开发速度

为什么一点击就跳转到慕课网页面去了？

我要回答关注问题

意见反馈帮助中心 APP下载