Olá, estou fazendo uma tela de cadastro de usuário para meu sistema e gostaria de implantar uma J-Query de validação de campos que achei muito boa, aqui segue o link:
Live Validation
O problema é que ela só funcionou em elementos do tipo Input Text(HTML) e meus campos são do tipo TextBox(ASP.NET).
Por exemplo, nesse pequeno código, ela funciona:
<input type="text" id="f1" />
<script type="text/javascript">
var f1 = new LiveValidation('f1');
f1.add(Validate.Presence);
</script>
Já, nesse exemplo, com componentes ASP.net, ela não funciona:
<asp:TextBox ID="txtNome" CssClass="textLeft nome paddingText" runat="server" Width="200px" ForeColor="Gray" Font-Names="Century Gothic" Text="Nome" Font-Size="Medium"></asp:TextBox>
<script type="text/javascript">
var txtNome = new LiveValidation('txtNome');
txtNome.add(Validate.Presence);
</script>
No JQuery eu achei um trecho que específica o tipo do elemento, acho que talvez a solução seja mudar nessa parte:
getElementType: function(){
switch(true){
case (this.element.nodeName.toUpperCase() == 'TEXTAREA'):
return LiveValidation.TEXTAREA;
case (this.element.nodeName.toUpperCase() == 'INPUT' && this.element.type.toUpperCase() == 'TEXT'):
return LiveValidation.TEXT;
case (this.element.nodeName.toUpperCase() == 'INPUT' && this.element.type.toUpperCase() == 'PASSWORD'):
return LiveValidation.PASSWORD;
case (this.element.nodeName.toUpperCase() == 'INPUT' && this.element.type.toUpperCase() == 'CHECKBOX'):
return LiveValidation.CHECKBOX;
case (this.element.nodeName.toUpperCase() == 'INPUT' && this.element.type.toUpperCase() == 'FILE'):
return LiveValidation.FILE;
case (this.element.nodeName.toUpperCase() == 'SELECT'):
return LiveValidation.SELECT;
case (this.element.nodeName.toUpperCase() == 'INPUT'):
throw new Error('LiveValidation::getElementType - Cannot use LiveValidation on an ' + this.element.type + ' input!');
default:
throw new Error('LiveValidation::getElementType - Element must be an input, select, or textarea!');
}
Já tentei mudar o "default:" para que ele retorne o "LiveValidation.TEXT" só para ver se funcionava, mas não deu certo. Alguém ja usou essa J-Query ou fez algo parecido? Obrigado desde já.
Att,
Daniel Camboim
