1. Home
  2. Formy jQuery EasyUI - Walidacja formularza

Najlepszy samouczek Formy jQuery EasyUI - Walidacja formularza W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

Formy jQuery EasyUI - Walidacja formularza

Ten poradnik pokaże Ci, jak sprawdzić poprawność formularza. easyui ramy validatebox dostarcza wtyczkę do sprawdzania poprawności formularza. W tym tutorialu, stworzymy formularz kontaktowy, a zastosowanie validatebox plug-in, aby sprawdzić formę. Następnie można ustawić według własnych potrzeb do formularza.

Tworzenie formularza (formularz)

Stwórzmy prostą formę kontaktu z polami nazwisko, adres e-mail, temat i treść wiadomości: 

	<Div style = "padding: 3px 2px; border-bottom: 1px solid #ccc"> Walidacja formularza </ div>
	<Form id = "ff" method = "post">
		<Div>
			<Label for = "name"> Nazwa: </ label>
			<Wejście class = "easyui-validatebox" type = "text" name = "nazwa" wymagane = "true"> </ input>
		</ Div>
		<Div>
			<Label for = "email"> E-mail: </ label>
			<Wejście class = "easyui-validatebox" type = "text" name = "email" wymagane = "true" VALIDTYPE = "email"> </ input>
		</ Div>
		<Div>
			<= "Etykieta na temat"> Temat: </ label>
			<Wejście class = "easyui-validatebox" type = "text" name = "osobnik" wymagane = "true"> </ input>
		</ Div>
		<Div>
			<Label for = "message"> Treść wiadomości: </ label>
			& Lt; textarea name = "message" style = "height: 60px;" & gt; & lt; / textarea & gt;
		</ Div>
		<Div>
			<Input type = "submit" value = "Wyślij">
		</ Div>
	</ Form>

Dodajmy styl zwany easyui-validatebox do znacznika wejściowego, a więc cecha legalizacji wejściowe będą stosowane zgodnie własności VALIDTYPE.

Uniemożliwić przesyłanie formularza, gdy formularz jest nieprawidłowy

Gdy użytkownik kliknie przycisk przesyłania formularza, jeśli forma nie jest ważna, powinniśmy zatrzymać przesyłanie formularza. 

	$ ( '# Ff "). Postać ({
		url: 'form3_proc.php "
		onSubmit: function () {
			return $ (this) .form ( "validate");
		}
		success: function (data) {
			$ .messager.alert ( "Information", dane, "Informacje");
		}
	});

Jeśli formularz nie jest poprawny, zostanie wyświetlony komunikat.

Pobierz przykłady jQuery EasyUI

jeasyui-form-form3.zip

Hot Tutorials

Contact US

Formy jQuery EasyUI - Walidacja formularza
10/30