지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

Jquery 연습 양식 유효성 검사 구현 code_jquery

WBOY
풀어 주다： 2016-05-16 18:13:59
원래의
835명이 탐색했습니다.

Jquery 연습 양식 유효성 검사

코드 복사 코드는 다음과 같습니다.

🎜>< ;form action="" method="post" id ="myform">

이름: 🎜>< ;td>

;td> 연령:





< ; tr>




입력 유형 ="checkbox" id = "cbOnTheInternet" "checkbox" value ="Online" selected="checked">Online
여행
< input type ="checkbox" id = "cbWatchingTv" name="checkbox" value="영화 보기">영화 보기

;







Jquery 코드



코드 복사
🎜>
코드는 다음과 같습니다.


$(document).ready( function() {
$("#myform ").submit(function() {
var 사용자 이름=$("#name").val();
var age=$("#age").val() var sex =$("input[name = 'sex'][checked]").val(); var address=$("#add option[selected]").val(); var size= $("input[name=' checkbox'][checked]").size(); var favoriteArray=Array(size); $("input[name='checkbox'][ selected]").each(function (index,docEl){
favouriteArray[index]=$(this).val();// 또는 docEl.value
})
if(username= ="")
{
alert("성명은 비워둘 수 없습니다! ");
$("#name").focus();
false 반환;
}
if(age=="")
{
alert("Age 비워둘 수 없음");
$("#age").focus();
false 반환;
}
if(size==0)
{
alert( "아직 취미를 선택하지 않으셨습니다!");
$("input[name='checkbox']").get(0).focus()
return false; 🎜> for(var i=0;ialert(favouriteArray[i])
}
alert('제출 성공!')
}) ;

})

관련 라벨：
表单验证
원천：php.cn
이전 기사：노드 작업을 위한 API, HTML DOM 노드 작업을 위한 기본 API를 전복_javascript 기술 다음 기사：JavaScript_javascript 기술 아래에 파일이 존재하는지 확인하기 위해 fso를 사용하는 코드
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
단어와 일치하는 정규식 새 작업 이름을 데이터베이스의 기존 작업 이름과 일치시키려는 스크립트가 있습니다. SELECTa.titleASJobTitle,j.DescriptionASMatch...
에서 2024-04-06 21:24:04
0
1
606
MySQL SQL 쿼리를 사용하여 다른 테이블의 필드 합계를 계산합니다. 다음과 같은 스키마가 있습니다. "user_id" 및 "username" 속성이 있는 사용자 테이블과 "custome...
에서 2024-04-06 19:39:29
0
1
441
잘못된 React 하위 요소(발견: {clientVersion} 키가 있는 개체) 하위 요소 컬렉션을 렌더링하려면 대신 배열을 사용하세요. 다단계 양식이 있는데 제출하려고 하면 이 오류가 표시됩니다. 그러나 간단한 형태로 createOrganization 스케줄링을 사용하면 작동합니다. 백엔드 문제인...
에서 2024-04-06 16:25:39
0
1
346
Javascript/Jquery를 사용하여 버튼 없이 양식 제출 JavaScript 함수를 호출하고 JQUERY/PHP를 사용하여 양식을 실행하여 버튼 없이 양식을 제출하려고 합니다. 페이지를 다시 로드하지 않고 백엔드에서 양...
에서 2024-04-06 14:54:03
0
2
421
로그인하지 않고 Firebase를 사용하여 Vue에서 사용자 만들기 사용자 프로필을 생성하기 위한 양식을 만들었습니다. 하지만 사용자를 만들 때마다 문제가 발생합니다. 로그인 및 로그아웃된 사용자입니다. 이 문제를 해결하는 데 도...
에서 2024-04-06 14:20:12
0
1
514
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
<입력 유형 ="text" id="age" name ="age">
성별: <입력 유형 = "radio" id="sex_man" name="sex" value="male "> 남성여성
주소:
취미:
<입력 유형 ="제출" 값="제출"