【问题标题】:JQuery Form Validator in Angular2Angular2 中的 JQuery 表单验证器
【发布时间】:2017-11-15 00:00:39
【问题描述】:

是否可以在 Angular2 中使用 jQuery 表单验证器?我尝试了一个基本表单,发现验证没有发生。

<div class="modal-body">
    <form action="" id="testForm" ngNativeValidate>
        <div class="form-group">
            E-mail
            <input name="email"
                   data-validation="email"
                   [(ngModel)]="email"
                   name="Email"
                   #email="ngModel" />
        </div>
        <div class="form-group">
            E-mail
            <input name="age"
                   data-validation="required"
                   [(ngModel)]="age"
                   name="Age"
                   #age="ngModel" />
        </div>     
    </form>
</div>

当我use $('#testForm').validate() 时,在类型脚本中,什么都没有发生。我已经在依赖项中安装了 jquery jquery-validation@1.17.0 和 jquery。

【问题讨论】:

    标签: jquery angular


    【解决方案1】:

    使用表单生成器并在构造函数中创建验证。

    类似这样的:https://coryrylan.com/blog/angular-form-builder-and-validation-management

    【讨论】:

    • 但是我们需要 ngModel 映射,如果我们使用 Angular 的表单构建器,那么 formControlName 和 ngModel 之间存在冲突,请告诉我是否有任何方法可以避免。
    • @user1058913 什么意思,我用 formControlName="name" [(ngModel)]="something.name",应该没问题。如果仍有问题,请尝试添加 [ngModelOptions]="{standalone: true}"
    • 当我同时使用 ngModel 和 formControlName 时出现此错误“没有将“exportAs”设置为“ngModel”的指令“
    猜你喜欢
    • 2016-05-06
    • 2016-10-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-27
    • 2017-09-09
    相关资源
    最近更新 更多