이 글은 기계 번역의 미러 문서이며, 원본 기사로 바로 이동하려면 여기를 클릭해 주세요.

보기: 12055|회답: 0

[HTML/HTML5] 폼 제출 이벤트 - 폼 제출 전에 검증을 구현하는 가장 좋은 방법

[링크 복사]
게시됨 2015. 12. 27. 오전 11:39:08 | | |
오늘 문제를 겪었는데, 페이지에 많은 공개 페이지(모두 폼 없이)가 포함되어 있고, 많은 부분이 자가 제출 방식입니다(페이지에 type="submit" 필드를 추가한 뒤, js로 sumbit.click을 입력해 커밋을 실행하세요). 하지만 각 제출 전에 양식 작성이 요구사항을 충족하는지 확인해야 하고, 각 제출물에 검증 함수 호출을 추가하면 작업이 많이 필요할 것 같습니다.
    제출 전에 양식을 일관되게 검증하는 것이 필요합니다. 본체가 페이지를 닫기 전에 onbeforeunload를 가지고 있는 것으로 보아, 폼에도 사전 커밋 이벤트가 있어야 한다고 추론됩니다onsubmit. 이 이벤트의 기능은 양식이 제출되기 전에 지정된 작업을 자동으로 실행하는 것입니다.
    onsubmit="return check()"의 반환 값을 추가하지 않으면 check의 반환 값이 거짓이어도 제출됩니다. 즉, onsubmit="return false"는 커밋을 실행하는 것이 아니며; ONSUBMIT="Return True" 또는 ONSUBMIT="return" 모두 커밋을 실행하며;
------------------------------------------
메인 페이지는 다음과 같습니다:
<HTML>
<HEAD>
<scrip{filter}t type="text/javascrip{filter}t">
//form提交前,验证:营销活动最少选择两个
함수 검사(){
    if(검증 조건 실패) {
        return false;
    }else{
        진짜로 반환; 이 반환 값을 직접 작성할 수도 없고, 직접 제출할 수도 있습니다
    }
}
</scrip{filter}t>
</HEAD>
<body>
<form id="queryForm" onsubmit="return check()" action="<%=request.getContextPath()%>/FocReportServlet">
<jsp:include flush="true" page="../pub.jsp"/>
<jsp:include flush="true" page="../condition.jsp"/>
<jsp:include flush="true" page="condition_marketing.jsp"/>
<jsp:include flush="true" page="contrastChart.jsp"/>
<jsp:include flush="true" page="../pagectrl.jsp"/>
...
<입력 유형="제출" id="제출" 이름="제출" 스타일="가시성:숨겨짐"/>
<HTML>
-----------------------------------
포함 페이지:
<img src="<%=request.getContextPath()%>/focReport/images/control_play_blue.png" style="cursor:hand"#323e32" face="simsun">submit.click()" alt="분석을 제출하기 클릭" >





이전의:정말 복잡한 알고리즘이에요, 며칠째 우울했어요.
다음:Winform 폼 간 대리인 값
면책 조항:
Code Farmer Network에서 발행하는 모든 소프트웨어, 프로그래밍 자료 또는 기사는 학습 및 연구 목적으로만 사용됩니다; 위 내용은 상업적 또는 불법적인 목적으로 사용되지 않으며, 그렇지 않으면 모든 책임이 사용자에게 부담됩니다. 이 사이트의 정보는 인터넷에서 가져온 것이며, 저작권 분쟁은 이 사이트와는 관련이 없습니다. 위 내용은 다운로드 후 24시간 이내에 컴퓨터에서 완전히 삭제해야 합니다. 프로그램이 마음에 드신다면, 진짜 소프트웨어를 지원하고, 등록을 구매하며, 더 나은 진짜 서비스를 받아주세요. 침해가 있을 경우 이메일로 연락해 주시기 바랍니다.

Mail To:help@itsvse.com