                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(五)一Ajax应用与常用插件

下面这代码为什么会跳到当前页面

<!DOCTYPE html>

<html xmlns="https://www.w3.org/1999/xhtml">

<head>

<title>表单验证插件</title>

<link href="style.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="https://www.imooc.com/data/jquery-1.8.2.min.js"></script>

<script type="text/javascript" src="https://www.imooc.com/data/jquery.validate.js"></script>

<script type="text/javascript" src="https://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>

慕设计6337300

2018-08-19

源自：jQuery基础(五)一Ajax应用与常用插件 2-1

关注问题我要回答

1317

操作

收起

4 回答

十指狂魔
2019-04-09

<!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="//www.imooc.com/data/jquery-1.8.2.min.js"></script>
        <script type="text/javascript" src="//www.imooc.com/data/jquery.validate.js"></script>
        <script type="text/javascript" src="//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");
                      },
                      submitHandler: function(form) {
                        // some other code
                        // maybe disabling submit button
                        // then:
                        alert("邮箱验证成功！")
                        // $(form).submit();
                      }
                  }
                );
            });
        </script>
    </body>
</html>

改成上面这样应该就行了

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

#1

我想知道你改了哪里除了最下面的地方我全粘代码可以但是只粘最后几行不行

2019-08-05 回复有任何疑惑可以回复我~

#2

十指狂魔回复 qq_蚀_1

问题能解决就行

2019-10-31 回复有任何疑惑可以回复我~

慕粉3931655
2019-02-28

我终于知道哪里错了

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

你们看，这里多了一个右括号

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

慕UI0287333
2018-09-10

action这个属性就是跳转到某页面的URL，只是这里没填链接，填井号表示默认本页面

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

qq_我梦蝴蝶花_0
2018-09-04

action="#", 这个#好像就是会跳到当前页面

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

举报

0/150

提交

取消

jQuery基础(五)一Ajax应用与常用插件

参与学习 69100 人
解答问题 400 个

如何用jquery实现ajax应用，加入学习，有效提高前端开发速度

本课相似问答

2 回答提交以后右边结果栏显示跳转到当前页面

2 回答为什么提交是个页面？

2 回答ajax load本地页面，显示error，找不到这个页面，是怎么回事？

1 回答为什么我的代码按保存反而跳到慕课网了...??

3 回答代码正确，还是返回的整个页面

搜索更多本课相关问答

下面这代码为什么会跳到当前页面

我要回答关注问题

意见反馈帮助中心 APP下载