model validation will always pass, even when input is wrong

[krike]

I'm a bit new to sencha touch but I have the following model:

Ext.define("Contact", {        
    extend: "Ext.data.Model",        
   fields: [            
      {name: 'inp_name',  type: 'string'},            
      {name: 'inp_email',  type: 'string'},            
      {name: 'txt_message',type: 'string'}        
   ],        
   validation: [            
      {type: 'presence',    name: 'inp_name', error: 'Name must be present'},            
      {type: 'length',         name: 'inp_name', min: 5},            
      {type: 'presence',    name: 'inp_email', error: 'Email must be present'},            
      {type: 'format',      name: 'inp_email', matcher: /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/},            
      {type: 'presence',    name: 'txt_message', error: 'Message must be present'}        
   ]    
}); 

in the handler of a button I have the following:

var data = Ext.create('Contact', {                        
inp_name: 'te',                        
inp_email: 'christophedevartbe',                        
txt_message: null                    
});
var errors = data.validate();                    
console.log('Is User valid?', errors.isValid()); //still returns true no matter what                    
console.log('All Errors:', errors.items); //remains empty 

But the problem is that, when the input does not match the validation it still returns true. Why does the validation still passes? Did I forgot something?

[mitchellsimoens]

Try this:

Ext.define("Contact", {
    extend: "Ext.data.Model",
    config : {
        fields: [
            {name: 'inp_name',  type: 'string'},
            {name: 'inp_email',  type: 'string'},
            {name: 'txt_message',type: 'string'}
        ],
        validations: [
            {type: 'presence',    name: 'inp_name', error: 'Name must be present'},
            {type: 'length',      name: 'inp_name', min: 5},
            {type: 'presence',    name: 'inp_email', error: 'Email must be present'},
            {type: 'format',      name: 'inp_email', matcher: /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/},
            {type: 'presence',    name: 'txt_message', error: 'Message must be present'}
        ]
    }
});

Ext.setup({
    onReady : function() {

var data = Ext.create('Contact', {
    inp_name: 'te',
    inp_email: 'christophedevartbe',
    txt_message: null
});
var errors = data.validate();

    }
});

[krike]

sorry I should have mentioned I'm already using the following:

//load application
Ext.application({
    name:    'Sencha',
    
    launch: function(){
        setupApp();
    }, 
}); 

and in the function setupApp() I have defined the model, created the form panel and tab panel and in the button handler I try to run the validation.

{
            xtype: 'button',
               text: 'Send',
               ui: 'confirm',
               handler: function() {
                    //Validate input
                    var data = Ext.create('Contact', {
                        inp_name: 'te',
                        inp_email: 'christophedevartbe',
                        txt_message: null
                    });

                    var errors = data.validate();
                    console.log('Is User valid?', errors.isValid()); //returns 'false' as there were validation errors
                    console.log('All Errors:', errors.items); //returns the array of all errors found on this model instance
                    if(errors.isValid())
                    {
                        alert('Form Validated');
                    }
                    else
                    {
                        alert('Form Not Validated');
                    }
                    return false;
                    //send ajax request
                    Ext.Ajax.request({
                        url: 'contact.php',
                        method: 'post',
                        waitMsg: 'Submitting form',
                        //params: formBase.getForm().getValues(false),
                        success: function (response, opts) {
                            jsonResponse = Ext.decode(response.responseText);  
                            if (jsonResponse.success == true) {
                                Ext.Msg.alert('Success', 'We received your email and will come back to you asap.');
                            } else {
                                Ext.Msg.alert('Error', 'We could not send your email, please very your input');
                            }
                        }
                    });
                }
        } 

[paul_todd]

What looks like is wrong is that you have specified validation for the validations field object rather than "validations" - the "s" being important.

I had a similar problem before with "extends" vs "extend"

[krike]

oh pleasssseeeeee ..... how could I miss that thank you.

[mitchellsimoens]

What looks like is wrong is that you have specified validation for the validations field object rather than "validations" - the "s" being important.

I had a similar problem before with "extends" vs "extend"

That and having things in the config object in PR4 and later.

[krike]

That and having things in the config object in PR4 and later.

sorry I don't understand what you mean.

[mitchellsimoens]

sorry I don't understand what you mean.

In PR4 or earlier a model definition should have the fields and such in the config object. Look at the code I posts, fields and validations is in the config object.

[krike]

In PR4 or earlier a model definition should have the fields and such in the config object. Look at the code I posts, fields and validations is in the config object.

ah yes I see. hence the console messages

[mitchellsimoens]

ah yes I see. hence the console messages

Every config now should go into the config object when using Ext.define throughout the ST2 framework now.