input组件的onChange事件控制按钮的样式和是否可用

Bex5wenti

如下为相关代码
Model.prototype.phoneChange = function(event){
  //清空input内容的图片，加了click
  var imageClear = $(this.getElementByXid("clear"));
  //发送验证码的按钮
  var codeButton = $(this.getElementByXid("getCode"));
  //复选框要处于选取状态
  var agree = this.comp("agree").get("checked");
  var phone = this.comp("dataMain").val("phone");
  if(phone !== undefined){
   if ( phone.length == 11 && agree) {
    //满足要求时变成红色，且可用
    codeButton.removeClass("gray");
    codeButton.addClass("red");
    this.comp("getCode").set("disabled",false);
    //让那个clear的图片按钮显示出来
    imageClear.removeClass("none");
   }else{
    //让图标变成灰色，并且禁用
    codeButton.removeClass("red");
    codeButton.addClass("gray");
    this.comp("getCode").set("disabled",true);
    //clear那个图片按钮不显示
    imageClear.addClass("none");
   }
  }else{
   //让图标变成灰色，并且禁用
   codeButton.removeClass("red");
   codeButton.addClass("gray");
   this.comp("getCode").set("disabled",true);
   //clear那个图片按钮不显示
   imageClear.addClass("none");
  }
};
遇到的问题是，我用了这个onChange事件，但是还是需要我把焦点移出input才能执行这段代码内的流程，也就是说，我用了onchange得到的效果和onblur是一样的，是哪里的逻辑不对，请指点

jishuang

bind-ref关联data的关系了吗？

Bex5wenti

jishuang 发表于 2018-10-31 10:22
bind-ref关联data的关系了吗？

绑定了，不然在获取datamain.val那里就报错了

Bex5wenti

Bex5wenti 发表于 2018-10-31 10:30
绑定了，不然在获取datamain.val那里就报错了

给input加了这些style：border:none;box-shadow:none;font-size:18px;display:inline-block;width:80%;color:#000000;

Bex5wenti

Bex5wenti 发表于 2018-10-31 10:32
给input加了这些style：border:none;box-shadow:none;font-size:18px;display:inline-block;width:80%;co ...

用的是表单下的input

jishuang

把input上的valueUpdateMode设置为input

Bex5wenti

jishuang 发表于 2018-10-31 11:40
把input上的valueUpdateMode设置为input

那如果是password也要实现onchange该怎么改？

jishuang

直接用input组件设置type为password就跟password是一样的

Bex5wenti

jishuang 发表于 2018-10-31 11:55
直接用input组件设置type为password就跟password是一样的

嗯，解决了，我再onload时把它的type改成password了，谢谢解答