JQuery è un framework JavaScript che consente per lo sviluppo rapido di codice JavaScript . È utilizzato principalmente su siti web per una maggiore interattività con l'utente e le animazioni . L'input dell'utente può anche essere convalidato utilizzando jQuery per garantire una corretta specifica è soddisfatta. Usando jQuery , è possibile valutare la validità del formato di una stringa data prima di passare in una funzione , ad esempio, inserendo in un database o il controllo contro un requisito di età . Istruzioni
1
Aprire il file JavaScript con un editor di testo
2
Passare alla funzione . "$ (Document) pronto . " ; Questo assicura che il codice di convalida è abilitato quando la pagina Web ha terminato il caricamento .
3 Tipo
"$ ( ) " su una nuova linea , e posizionare l' id forma , preceduto da un carattere cancelletto , avvolto tra virgolette all'interno delle parentesi . Un modulo con il nome di " MyForm " potrebbe essere definito come : ". $ ( " # MyForm " ) "
4
Inserire un punto seguito dalla funzione " convalida " . Ad esempio, utilizzando la funzione " validare " per " MyForm " è definito come : " $ ( " # myform " ) economici 5
Aperto convalidare funzione con parentesi convalidare ". . . Definire gli argomenti all'interno della funzione che utilizza le parentesi graffe ( noto anche come parentesi graffe ) , ricordandosi di chiudere la funzione con un punto e virgola . Una funzione di convalidare vuoto per un modulo chiamato " MyForm " verrebbe indicato come : " $ ( " # myform " ) ;
6 Tipo " regole : { } "
validate ( {}) . » . all'interno delle parentesi graffe della convalida funzione di definire set di regole della funzione
7
Inserisci il nome dell'elemento di input seguito da ". : { required: true , data: true} " all'interno della " regole " bretelle per consentire la validazione di una stringa data . Convalida di una stringa data per un elemento di input denominato "campo" interno di un modulo chiamato " MyForm " viene inserito come : " $ ( " # myform " ) validate ( { regole : . { Campo : { required: true , data: true} } ) " .