angular2表单验证问题

clipboard.png

求问如何判断2个输入框同时输入内容后改变登录按钮颜色

阅读 1.9k
2 个回答

可以通过这两个input的value来做判断啊,如果两个value都非空,就让button的disabled属性为false,否则为true

<input [(ngModel)]="name" (ngModelChange)="onchange()"/>
<input [(ngModel)]="pwd" (ngModelChange)="onchange()"/>
<button [disable]="isDisable" (click)="onLogin()">登录</button>

isDisable=true;
name='';
pwd='';
onchange(){
    if(name.length>0&&pwd.length>0){
        this.isDisable=false;
    }else{
        this.isDisable=true;
    }
}

自己写CSS来控制Button是否可用时的样式

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题