2011-08-17 6 views
2

내 문제의 도움이되는 게시물을 찾으려고했으나 질문을 찾지 못했습니다. 데이터베이스에 제출하기 전에 양식의 유효성을 검사하고 싶습니다. 이 내 코드입니다 :onsubmit을 사용하여 Javascript 형식으로 확인하십시오.

<%@ page language="java" contentType="text/html; charset=windows-1255" 
pageEncoding="windows-1255"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255"> 
<title>Registration</title> 
<link rel="shortcut icon" href="img/icon0.png" /> 
<link rel="stylesheet" type="text/css" href="../css/index.css" /> 
<script type="text/javascript"> 
function validate_form() 
{ 
var isValid = true; 
var username = document.getElementById("username").value; 
if (username==null||username==""){ 
    alert("WRong input"); 
    isValid = false; 
} 
if(isValid == true) 
{ 
    return true; 
} 
return false; 
} 
</script> 
</head> 
<body> 
<form action = "regServlet" method = "POST" onsubmit="return validate_form()"> 
<table id="regTable"> 
    <tr> 
    <td class="firstRow">Username:</td> 
    <td><input type="text" name="username" value="" size="15"/></td> 
    </tr> 
</table> 
<input style="margin:auto;" type="image" name="loginB" src="../img/login_button.png" /> 
</form> 
</body> 
</html> 

은 내가 페이지를 실행하고있을 때 바람둥이 6 에서 실행 JSP 파일입니다, 내 자바 스크립트 기능이 전혀 작동하지 않습니다. 나는 기능의 시작에서 경고와 함께 그것을 점검했다. 내 문제는 무엇입니까? 내가 뭘 잊었 니? Eclipse는 양식 행 (onsubmit이 나타나는 곳)에 오류를 작성합니다. 은 함수 또는 메소드 외부에서 리턴 할 수 없습니다.

감사

또한 name="username"와 함께 id="username"

DEMO 입력을 줄 필요가

+0

렌더링 된 코드입니까? – Phil

답변

1

당신은 id=username 필요 당신 때문에 가지고있다

document.getElementById("username") 
1

: http://jsfiddle.net/maniator/tf5zA/

을 그리고 당신의 JS 청소기 수 :

function validate_form() { 
    var isValid = true; 
    var username = document.getElementById("username").value; 
    if (username == null || username == "") { 
     alert("WRong input"); 
     isValid = false; 
    } 
    return isValid; 
} 
+0

둘 다 아주 멋진 데모 사이트에 감사드립니다. – user893269

관련 문제