Html form 양식 제출 전 유효성 검사

7025 단어 html
form 폼의 onsubmit 방법을 사용하여 폼을 제출하기 전에 폼이나 웹 페이지의 데이터를 검사할 수 있습니다.
onsubmit이 지정한 방법은true로 되돌아오면 데이터를 제출합니다.false를 되돌려 데이터를 제출하지 않습니다.
다음 코드를 직접 보십시오.
 1 <HTML>
 2     <head>
 3         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 4     </head>
 5     <BODY>
 6         <form action="http://www.baidu.com" onsubmit="return toVaild()">
 7             <input type="text" id="ff">
 8             <input type="submit" id="submit" value ="  "/>
 9         </form>
10     </BODY>
11         <script language="javascript">
12             function toVaild(){
13                 var val = document.getElementById("ff").value;
14                 alert(val);
15                 if(val == "    "){
16                     alert("");
17                     return true;
18                 }
19                 else{
20                     alert("");
21                     return false;
22                 }
23             }
24     </script>
25 </HTML>

위의 웹 페이지에서 id="ff"의 입력 상자에 "제출 가능"을 입력해야만 폼 제출을 할 수 있습니다.그렇지 않으면 제출하지 않습니다.

좋은 웹페이지 즐겨찾기