Usando o plugin de validação do jQuery
-
23-09-2019 - |
Pergunta
Eu queria saber se alguém poderia me ajudar a usar o plug -in de validação do jQuery. Preciso adicionar a capacidade de garantir que um campo contém apenas letras, números, sublinhados, Whitespacke e traços. Atualmente, tenho o seguinte código JS (sem incluir a chamada para jQuery e os arquivos .js plug -in)
$(document).ready(function() {
$("#info_frm").validate();
});
function submitForm() {
if( $("#info_frm").valid() ) {
document.info_frm.submit();
}
return false;
}
Solução
Basta usar um método Regex para validar seu campo:
$.validator.addMethod(
"namecheck", function(value) {
return /^[-_\sa-zA-Z0-9]*$/.test(value);
}, "This name is not correct"
);
Agora você pode adicionar a regra:
$("[name='yourfieldname']").rules("add", { namecheck: true })
ou
<input type="text" class="required namecheck" name="yourfieldname" />
Outras dicas
Você pode adicionar um método, dependendo das regras que você deseja. por exemplo:
$.validator.addMethod(
"numeric",
function(value, element) {
var regex=/^[0-9]+$/; //this is for numeric... you can do any regular expression you like...
return this.optional(element) || regex.test(value);
},
"Only numeric please."
);
Tente olhar aqui para mais informações.
Confira meu plug -in de validação, ele permite o seguinte:
- Validação de campo necessária
- Validação regular de expressão
- Validação por e -mail
- Validação numérica
- Validação condicional
Você pode Confira aqui.
LEMBRAR A validação do lado do cliente não é suficiente. Você também deve validar no servidor.
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow