Plugin não funciona

[Nerdmonkey 3]

Porque não funciona ?

 

<script>
/** 
* Meu primeiro plugin jQuery 
*/
( function( $ ){
$.fn.makeTextColor = function( options ){
// default options
var defaults = {
'color': '',
'background': '',
'padding': ''
}
// extend value in defaults into options
if( options ){
$.extend( defaults, options );
}
// retorna o método
return this.each( function(){
if( defaults.color ) $( this ).css({ color: defaults.color });
if( defaults.background ) $( this ).css({ background: defaults.background });
if( defaults.padding ) $( this ).css({ padding: defaults.padding });
 
$( this ).children( 'b' ).html( defaults.color );
});
} 
})( jQuery );
 
$( function(){
$( 'p' ).makeTextColor( 
'color': '#fff',
'background': '#333',
'padding': '10px'
);
});
</script>

[Nerdmonkey 3]

O primeiro foi resolvido. :D

 

Agora preciso de uma ajuda nesse rs.

O que está faltando ou está errado? O que estou tentando fazer, retornar um background no campo que estiver vazio quando for submetido o formulário

 

 

/**
* Submit a forma and return a text callback
* callback[error] - In case of errors
* callback[success] - In case of success
*/
( function( $ ) {
$.fn.submitForm( options ){
 
var settings = {
// need a validate before submit [NOT NULL]
campos: []
}
 
if( options ){
$.extend( options.settings );
}
 
var t_campos = campos.length;
 
return this.each( function(){
/**
* Verify if is empty the field[ i ]
* e show a callback
*/
for( i = 0; i <= t_campos; i++ )
{
 
if( '#' + campos[ i ] == '' )
{
 
$( this ).css({ background: 'firebrick' });
 
}
 
}
 
});
 
}
});
 
$( '.frms' ).submitForm({
campos: [ 'email, pass' ]
});

[William Bruno 1501]

Não tem sentido vc usar um for dentro de um each

 

return this.each( function(){
/**
* Verify if is empty the field[ i ]
* e show a callback
*/
for( i = 0; i <= t_campos; i++ )

vc está encaixando 2 loops ai.

Aparece algo no console de erros ? Ctrl + Shift + J no Firefox ou Chrome ?