Utilizzando jQuery Plugin di convalida
-
23-09-2019 - |
Domanda
Mi chiedevo se qualcuno mi potrebbe aiutare utilizzando il plugin di convalida JQuery. Ho bisogno di aggiungere la possibilità di fare in modo che un campo contenga solo lettere, numeri, caratteri di sottolineatura, whitespacke e trattini. Al momento ho il seguente codice js (esclusa la chiamata a jQuery e file il plugin js)
$(document).ready(function() {
$("#info_frm").validate();
});
function submitForm() {
if( $("#info_frm").valid() ) {
document.info_frm.submit();
}
return false;
}
Soluzione
Basta usare un metodo di espressione regolare per convalidare il campo:
$.validator.addMethod(
"namecheck", function(value) {
return /^[-_\sa-zA-Z0-9]*$/.test(value);
}, "This name is not correct"
);
Ora è possibile aggiungere la regola:
$("[name='yourfieldname']").rules("add", { namecheck: true })
o
<input type="text" class="required namecheck" name="yourfieldname" />
Altri suggerimenti
si potrebbe aggiungere un metodo in base al quale le regole che si desidera. per esempio:
$.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."
);
Prova a guardare qui per maggiori informazioni.
controllare il mio plugin di convalida, permette per il seguente:
- Campo Obbligatorio convalida
- Regular Expression convalida
- Email Validation
- numerico convalida
- condizionale convalida
Puoi verificarlo qui .
RICORDA validazione lato client non è sufficiente. È inoltre necessario convalidare sul server.