jQuery를 EasyUI 양식 - 양식 유효성 검사
이 튜토리얼에서는 폼의 유효성을 검사하는 방법을 보여줍니다. easyui validatebox 프레임 워크는 양식의 유효성을 검사 할 수있는 플러그인을 제공합니다. 이 튜토리얼에서, 우리는 문의 양식을 작성하고 양식을 확인하기 위해 validatebox 플러그인을 적용합니다. 그런 다음 양식을 자신의 필요에 따라 조정할 수 있습니다.
양식 (양식) 작성
의 이름, 이메일, 제목과 메시지 필드 간단한 문의 양식을 만들어 보자 :
<사업부 스타일 = "패딩 : 3px의의 2 픽셀; 국경 바닥 : 1 픽셀 고체 #ccc"> 양식 유효성 검사 </ DIV> <양식 ID = "FF"방법 = "게시물"> <DIV> <= "이름"에 대한 라벨> 이름 : </ 라벨> <필수 입력 클래스 = "easyui-validatebox"유형 = "텍스트"이름 = "이름"= "진정한"> </ 입력> </ DIV> <DIV> <= "전자 메일"에 대한 라벨> 이메일 : </ 라벨> <입력 클래스 = "easyui-validatebox"유형 = "텍스트"이름 = "이메일"필수 = "true"를 VALIDTYPE = "이메일"> </ 입력> </ DIV> <DIV> 제목 <= "대상"에 대한 라벨> </ 라벨> <입력 클래스 = "easyui-validatebox"유형 = "텍스트"이름 = "대상"= "true"를 요구> </ 입력> </ DIV> <DIV> < "메시지"= 대한 라벨> 메시지 : </ 라벨> & 중위, 텍스트 영역의 이름 = "메시지"스타일 = "높이 : 60 픽셀;"하였다 및 / 텍스트 영역된다 </ DIV> <DIV> <입력 유형 = 값 = "제출"을 "제출"> </ DIV> </ FORM>
우리는 입력 된 태그에 easyui-validatebox라는 스타일을 추가, 그래서 입력 확인 표시가 VALIDTYPE 속성에 따라 적용됩니다.
폼이 무효 인 경우 양식 제출을 방지
사용자가 양식을 제출 버튼을 클릭하면 폼이 유효하지 않은 경우, 우리는 양식 제출을 중지해야합니다.
$ ( '# Ff를'). 양식 ({ URL : 'form3_proc.php' 의 onsubmit : 함수 () { $를 반환 (이) .form ( '검증'); }, 성공 : 기능 (데이터) { $ .messager.alert ( '정보'데이터 '정보'); } });
형식이 유효하지 않은 경우, 메시지가 표시됩니다.