jquery-validation使用显示缺少jquery

Question

我使用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是被加载的情况下，当我要使用校验时，就会报错

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

Answer 1

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