Walidacja formularza JavaScript
Walidacja formularza JavaScript
JavaScript może być stosowany przed wysłaniem do serwera w danych na temat tych sprawdzania poprawności danych wejściowych formularza HTML.
Formularz danych często muszą korzystać z JavaScript w celu sprawdzenia jego poprawności:
- Upewnij się, że dane forma jest pusta?
- Sprawdź, czy wejście jest prawidłowy adres e-mail?
- Potwierdź datę wpisany poprawnie?
- Weryfikacja danych wejściowych formularza jest typ liczbowy?
Wymagane (lub obowiązkowe) Projekt
Następujące funkcje są wykorzystywane do sprawdzenia, czy użytkownik jest zobowiązany do wypełnienia formularza (lub obowiązkowego) projektu. W razie potrzeby lub konieczności opcja jest pusta, to pole ostrzeżenie pojawi się, a wartość powrotu z funkcji jest fałszywe, w przeciwnym razie wartość powrotu z funkcji było prawdziwe (nie ma problemu oznacza, że dane):
function validateForm() { var x=document.forms["myForm"]["fname"].value; if (x==null || x=="") { alert("姓必须填写"); return false; } }
Powyższa funkcja jest wywoływana, gdy formularz jest składany formularz:
Przykłady
姓: <input type="text" name="fname">
<input type="submit" value="提交">
</form>
Spróbuj »
Weryfikacja e-mail
Funkcja sprawdza, czy wprowadzone dane spełnia następującą podstawową składnię adresu e-mail.
Jego punktem jest to, że dane wejściowe muszą zawierać symbol @ i kropkę (.). Tymczasem @ nie jest pierwszym znakiem mail po znaku @ oraz konieczność co najmniej kilku punktach:
function validateForm(){ var x=document.forms["myForm"]["email"].value; var atpos=x.indexOf("@"); var dotpos=x.lastIndexOf("."); if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){ alert("不是一个有效的 e-mail 地址"); return false; } }
Poniżej znajduje się pełny kod wraz z formularza HTML:
Przykłady
Email: <input type="text" name="email">
<input type="submit" value="提交">
</form>
Spróbuj »