在提交表單前處理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

你需要[AJAX]（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 =「

」;返回true;} – user2227606

請參閱我上面的原始帖子的編輯 –

在提交表單前處理JavaScript函數

回答

相關問題