jquery-validation使用显示缺少jquery

发布于 2022-09-04 21:41:53 字数 1532 浏览 15 评论 0

我使用npm安装了jquery-validation插件,并用gulp打包了app.js

gulpfile.js:
var elixir = require('laravel-elixir');

elixir(function(mix) {
    mix.sass(['app.scss',])
        .browserify('app.js');
});
app.js
window.$ = window.jQuery = require('jquery');

require('jquery-validation/dist/jquery.validate.js');

$(document).ready(function() {
    $('#community_add').validate({
        // submitHandler: function (form) {
        //     $(form).ajaxSubmit();
        // },
        rules: {
            name: "required",
        },
        messages: {
            name: "place write name",
        }
    });
});

我造body底部引入了app.js文件,html代码是

<from id="community_add" action="" method="post">
        <div class="form-group">
            <label for="name">社团名称</label>
            <input type="email" class="form-control" id="name" placeholder="名称">
        </div>
        <button type="submit" id="community_submit" class="btn btn-primary show-primary" value="111">保存</button>
</from>
...
<script src="/js/app.js"></script>

在保证app.js是被加载的情况下,当我要使用校验时,就会报错

clipboard.png

我不能定位和处理这个错误,明明已经引入了jquery,但是并不能作用在jquery-validation。
我测试了
console.log($('#community_submit').val(),是能够正确打印值的。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

半世蒼涼 2022-09-11 21:41:53

校验对象错了,form写成from,校验对象不是form就会报错

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文