如何在Ionic 3和Angular 4中禁用表单验证?

时间:2018-02-07 11:34:36

标签: javascript angular forms validation ionic3

带有Angular 4的Ionic Framework 3中的表单会自动验证<ion-input/><ion-textareas/>。只要我模糊输入字段,它就会得到验证,边框颜色会变化(在我的情况下 )变为绿色。

  <ion-item margin-top>
    <ion-label stacked>Form Label</ion-label>
    <ion-textarea type="text" rows="6" [(ngModel)]="variable"></ion-textarea>
  </ion-item>

是否可以在Ionic 3中禁用自动表单验证?

注意:如果我删除[(ngModel)]="variable",则会遗漏验证。

1 个答案:

答案 0 :(得分:3)

更改内容src/theme/variables.scss以下代码行:

// Ionic variables override
$text-input-ios-show-focus-highlight: false;
$text-input-md-show-focus-highlight: false;
$text-input-wp-show-focus-highlight: false;

会有一个缺点。在删除焦点突出显示时,您将失去所有类型的高光。

注意:sebaferreras的原始答案:How to remove default color in input type?