양식을 제출하기 전에 javascript 함수를 처리하십시오.

사용자가 양식을 완전히 제출하고 브라우저가 결과를 기다리기 전에 javascript 함수를 처리하고 싶습니다. 좀 더 구체적으로 말하면, 페이지를 회색 레이어로 오버레이하고 요청이 처리되는 동안 회전 객체 만 표시하려고합니다. 그러면 프로세스의 결과가 새 페이지에 표시됩니다. 아래 코드는 실패양식을 제출하기 전에 javascript 함수를 처리하십시오.

이 imediately

<script> function showWait() 
    { $('#waitDiv').prepend('<center><img id="theImg" src="wait.gif"/></center>'); 
    return true; 
    } 
</script> 
<form enctype="multipart/form-data" action="uploadPDBFile.php" method="post" onSubmit='javascript:showWait()'> 
    <input type="text" name='name1' placeholder="1dfj"/><br/> 
    <input type="text" name='chain' placeholder="I"/><br/> 
    <input type="hidden" name="upload" value="false" /> <input type="submit" value="Run"/> 
</form>

출처

2013-12-12 El Dude

당신은 [아약스]이 필요합니다 (HTTP ://api.jquery.com/category/ajax/). – mdesdev

사용 onSubmit = 다음 페이지로 진행 "돌아 validationFn()"

<html> 
<script> 
function validate() 
{ 
var username = document.forms['login_form']['username'].value; 
var password = document.forms['login_form']['password'].value; 
var Login = document.forms['login_form']['Login'].value; 
//Processing data here 
if(username.length==0) 
{ 
    return false; 
} 
if(password.length==0) 
{ 
    return false; 
} 
var return_value = true; 
var patt1=new RegExp("%"); 
var patt2=new RegExp("9"); 
// And so on........ 
if((patt1.test(username))||(patt1.test(password))) 
{ 
    return_value = false; 
} 
if((patt2.test(username))||(patt2.test(password))) 
{ 
    return_value = false; 
    //alert('null'); 
} 

if(return_value==false) 
{ 
    alert('Invalid characters in username or password'); 
    return return_value; 
} 
} 
</script> 

<body> 
<form name='login_form' action='1.php' method='POST' onsubmit='return validate()'> 
       <input type='text' name='username' placeholder='Username'/><br> 
       <input type='password' name='password' placeholder='Password'/><br> 
       <input type='submit' name='Login' value='Submit' style='margin-top:12px;margin-left:50px;'/> 
    </form> 
</body> 
</html>

출처

2013-12-12 23:10:32 user2227606

양식을 제출하기 전에 이미지를 표시한다는 의미입니다. –

function validate() {document.getElementsByTagName ('body') [0] .innerHTML = "

"; return true;} – user2227606

위의 원본 게시물을 수정하십시오. –

양식을 제출하기 전에 javascript 함수를 처리하십시오.

답변

관련 문제