小bug找的头大,记录一下

来源:2-1 表单验证插件——validate

Sukie_

2019-09-27 08:14

  1. head标签中js链接改为https

  2.    rules: {}检查多一个右大括号


<!DOCTYPE html>

<html>

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


写回答 关注

1回答

  • 慕梦前来
    2023-02-28 19:20:56

    你这个用一个比较好的编辑器开发呀,直接就报出来了

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

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

69100 学习 · 400 问题

查看课程

相似问题