2011-03-06 8 views
0

이 유효성 검사가 작동하지 않는 이유는 무엇입니까?폼 유효성 검사 문제, 코드가 작동하지 않습니다.

이 내 HTML입니다 :

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type='text/javascript' src="scripts.js"></script> 
<title>Test Page!</title> 
</head> 

<body> 
<form onsubmit ="return validateFormOnSubmit(this)" name="myForm" action = "testForm.html"> 
<input name="textField" type="text" value="" size="50" id= "textfield" /> <br /> 
<input name="button" type="submit" value="Submit"/> 
</form> 
</body> 
</html> 

이 내 자바 스크립트 파일입니다 : 당신의 도움에 대한

function isURL(fld){ 
    var error = ""; 
    var regex = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/ 
    if(regex.test(fld.value)){ 
     error = "No URL's Allowed!"; 
    } 
    else{ 
     error = ""; 
    } 
    return error; 
} 

function validateFormOnSubmit(myForm) { 
var reason = ""; 

    reason += isURL(myForm.textField); 


    if (reason != "") { 
    alert("there's something wrong: \n" + reason); 
    return false; 
    } 

    return true; 
} 

감사합니다.

업데이트 :은 실제로 필요한 조치입니까? testpage.html은 빈 HTML 파일입니다.

업데이트 2 : 문제는 메시지 나 경고가 표시되지 않습니다.

+0

정확히 무엇이 잘못 되었습니까? 무슨 일이 생기지 않습니까? – Pointy

+0

아무 메시지 나 경고도 표시되지 않습니다 .. – Loolooii

답변

-1

유효성을 검사하려는 필드가 아닌 양식을 전달하는 것처럼 보입니다.

+0

그들이 유효성을 검사하려는 양식에 전달 중입니다. 완벽하게 유효합니다. – cusimar9

+0

validateFormOnSubmit에서 양식을 전달하지만이 행이 다음에 있습니다. isURL (myForm .textField), 이제 textField가됩니다. – Loolooii

1

잘 작동하면 scripts.js 파일이 제대로로드되지 않거나 이전 버전이 브라우저에 캐시됩니다.

+0

왜 scripts.js가 제대로로드되지 않습니까? 방금 캐시를 비 웠습니다. 그건 문제가 아니 었습니다. – Loolooii

+0

코드에 인라인으로 추가하면 효과가 있음을 확인할 수 있습니다. 파일이 존재하지 않거나 다른 디렉토리에 있어야합니다. – cusimar9

+0

코드를 .html 파일에 넣었지만 여전히 작동하지 않습니다! 나는 wamp 서버를 사용하고 있는데, 나는 오프라인과 온라인을 다시 시도했다. 그리고 그것도 도움이되지 않는다. – Loolooii