Extjs4 - 원격 유효성 확인

Question

텍스트 필드에 대한 원격 유효성 검사기를 갖고 싶습니다. 내 PHP는 true/false 값을 반환합니다. 나는 이런 식으로 뭔가를 시도했다 : 아약스 요청이 asynchonous하고 검사기가 오류 "값은 정의되지"준다

{ 
    xtype: 'textfield', 
    fieldLabel: 'Field', 
    allowBlank: false, 
    validator : function(value) { 
     Ext.Ajax.request({ 
     url: 'psc/validate', 
     params: { psc: value }, 
     success: function(response){ 
     return response.responseText        
     } 
     }); 
    }); 
} 

문제입니다. 콜백이 있습니까? 그래서 나는 기본적으로 false를 반환하고 아약스 호출이 끝나면 텍스트 필드를 유효하게 만들 것입니다.

extjs 원격 유효성 검사를 위해 Google에 시도했지만 그다지 중요하지 않습니다.

아무 도움이나 제안이 있으십니까? 감사.

Answer 1

어쩌면 당신은 유효성 검사기를 사용해서는 안되며, 텍스트 필드의 변경에 대해 청취자를 추가하고 검증을 표시하기 위해 markInvalid 및 clearInvalid 메소드를 사용해야합니다.

{ 
    xtype: 'textfield', 
    fieldLabel: 'Field', 
    allowBlank: false, 
    textValid: false, 
    validator: function(){ 
     return this.textValid; 
    }, 
    listeners : { 
    'change': function(textfield,newValue,oldValue) { 
     Ext.Ajax.request({ 
      url: 'psc/validate', 
      params: { psc: value }, 
      scope: textfield, 
      success: function(response){ 
      if (response.responseText){ 
       this.clearInvalid(); 
       this.textValid = true; 
      } else { 
       this.markInvalid('field is not valid'); 
       this.textValid = false; 
      }        
      } 
     }); 
     }  
    } 
} 

I 피난처; t 그것을 시도하지만 aproach 내가 유효성 검사기를 포함하도록 코드를 일부 수정했습니다

편집을 위해 일할 수있는 ..

Answer 2

{ 
 
fieldLabel : 'Username', 
 
name : 'username', 
 
allowBlank : false, 
 
validFlag : true, 
 
validator : function() { 
 
    return this.validFlag; 
 
}, 
 
listeners : { 
 
    'change' : function(textfield, newValue, oldValue) { 
 
    var me = this; 
 
    Ext.Ajax.request({ 
 
    url : 'rest/users?action=validate&username=' + newValue, 
 
    success : function(response) { 
 
    // Ausuming responseText is {"valid" : true} 
 
    me.validFlag = Ext.decode(response.responseText).valid ? true : 'The username is duplicated!'; 
 
    me.validate(); 
 
    } 
 
    }); 
 
    } 
 
} 
 
}

내가 테스트 한이 html 코드 (extjs 버전은 5.0)입니다. TonyTuan'sB에서 온 것입니다. 로그, 이 모든 링크를 볼 수 있습니다 : http://code.tonytuan.org/2013/06/extjs-remote-validator-for-form-field.html