Jquery 使用validate.js在聚合物纸张输入中输入验证

我有一个聚合物登录表单，我想在点击按钮时验证它。也为字段设置了规则，但出现了错误

         <form id="form_login"> 
      <paper-toast id="toastError" text=""></paper-toast>               
                    <div horizontal layout end>
                        <core-icon icon="social:person" style="margin: 0 10px 10px 0;"></core-icon>
                        <paper-input-decorator floatingLabel label="Username" flex class="user-input" name="username">
                            <input type="text" required>
                        </paper-input-decorator>
                    </div>
                    <div horizontal layout end>
                        <core-icon icon="https" style="margin: 0 10px 10px 0;"></core-icon>
                        <paper-input-decorator floatingLabel label="Password" flex class="user-input" name="password">
                            <input type="password" required>
                        </paper-input-decorator>
                    </div>
                    <div class="col-md-8">
                        <paper-checkbox label="Keep me signed in"></paper-checkbox>
                    </div>                      
                    <div class="col-md-4">
                        <paper-button raised on-tap="{{runLoginValidator}}"><core-icon icon="forward"></core-icon>Login</paper-button>
                    </div>
                    <br>
                    <div class="col-md-12">
                        <p class="register">Don't have an account yet? <paper-button raised on-tap={{box_register_show}}><core-icon icon="add"></core-icon>Create an account</paper-button></p>
                    </div>
                </form>

两个jquery库：

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>

有人能告诉我我做错了什么吗

TypeError:form.validate不是函数

通常这意味着您没有正确地包含插件。仔细检查您的文件包括。在包含jQuery验证插件之前，您不能调用

.validate（）

我也很好奇为什么要使用jQuery和jQuery验证的旧版本？jQueryV1.4.4和jQueryValidate1.7大约有6年的历史

另一个问题是，您将

.validate（）

放在正在内联触发的函数中。

.validate（）

方法不是测试方法。

.validate（）

方法是初始化方法。这意味着它只在页面加载时调用一次（DOM就绪事件），然后根据用户事件自动触发验证，例如

单击
，
模糊
，
键控
，等等

不确定这是什么。$.form\u login
应该表示什么（它不是jQuery对象），但您需要将
.validate（）
附加到适当的jQuery选择器（或表示一个选择器的变量），例如
$（'.\form\u login'）


$（document）.ready（function（）{/之所以发生这种情况，是因为此.$.form\u登录不返回jQuery对象。请使用类似以下内容：

$（表单）。验证（…）
这也是一个问题，但这是。然而，未能正确包含插件。您的示例没有使用聚合物，因此
这是未定义的。$
是未定义的。好的。我看到您更改了小提琴，我打赌您仍然有问题。这只是因为您忘记导入jquery验证插件。请参阅我的示例：注意外部资源为什么不直接使用
纸张输入
验证功能？
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>

TypeError: form.validate is not a function

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.validate.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {   // <- DOM Ready event

        $('#form_login').validate({   // <- Initialize plugin
            ....                      // <- Rules & Options