Fórum: www.cidadesocial.com
Versão: PunBB
Descrição: Olá,
Eu gostaria de uma validação no registro igual a esta http://www.devmedia.com.br/join/images/invalid.png, eu comecei a editar, só que não consigo fazer como ela, poderiam me ajudar?
Código que ja utilizo, JavaScript:
- Código:
$(function(){if($('input#username_reg').length){$('input#username_reg').keyup(function(){if($('#username_reg').attr('value')==''){$('input#username_reg').removeClass('okusername')}else{url='/search?mode=searchuser&fieldname=username&search_username='+encodeURIComponent($('input#username_reg').val());$.get(url,function(data){if($('select[name=username_list] option',data).val().toLowerCase()==$('input#username_reg').val().toLowerCase()){$('input#username_reg').removeClass('okusername')}else{$('input#username_reg').addClass('okusername')}})}})}});
CSS:
- Código:
#username_reg { background: #fff url(http://i.imgur.com/Udj5IXG.png) no-repeat 98% center; border: 1px solid rgba(146, 31, 31, 0.5) !important; box-shadow: 0 0 5px #D05353!important; } #username_reg.okusername { background: #fff url(http://i.imgur.com/lAMXoLT.png) no-repeat 98% center; box-shadow: 0 0 5px #5cd053 !important; border-color: 1px solid #28921f !important; }
Até mais.