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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

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

</head>

<body>

<span class="fl">表单验证插件</span>

</span>

</div>

</div>

</form>

$(function () {

$("#frmV").validate(

{

/*自定义验证规则*/

rules: {

email:{

required:true,

email:true

}

/*错误提示位置*/

errorPlacement: function (error, element) {

error.appendTo(".tip");

}

);

});

</script>

</body>

</html>

一只肥鹤

2018-05-28

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

关注问题我要回答

1413

操作

收起

2 回答

十指狂魔
2019-04-09

HTML部分，将头部的js引用改为下面这样：

<script type="text/javascript" src="//"></script>
<script type="text/javascript" src="//"></script>
<script type="text/javascript" src="//">
</script>

js部分改为下面这样：

<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>

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

收起回答

十指狂魔

html部分应该是这样的： <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>