当表单有效时单击提交按钮后显示加载图像

我有一个非常基本的表单，如果表单有效后单击提交按钮，然后显示操作页面，我想要显示一个加载图像。这里是验证的JavaScript代码：当表单有效时单击提交按钮后显示加载图像

<script type="text/javascript"> 
function validateForm() 
{ 
    valid = true; 

    if(document.grades.fullName.value == "") 
    { 
     alert ("Please fill out your Full Name."); 
     valid = false; 
    } 

    if(document.grades.idNo.value == "") 
    { 
     alert ("Please fill out your ID Number."); 
     valid = false; 
    } 

    if(document.grades.pCS.value == "") 
    { 
     alert ("Please fill out your grade for Prelim Class Standing."); 
     valid = false; 
    } 

    if(document.grades.pExam.value == "") 
    { 
     alert ("Please fill out your grade for Prelim Examination."); 
     valid = false; 
    } 

    if(document.grades.mCS.value == "") 
    { 
     alert ("Please fill out your grade for Midterm Class Standing."); 
     valid = false; 
    } 

    if (document.grades.mExam.value == "") 
    { 
     alert ("Please fill out your grade for Midterm Examination."); 
     valid = false; 
    } 

    if(document.grades.fCS.value == "") 
    { 
     alert ("Please fill out your grade for Finals Class Standing."); 
     valid = false; 
    } 

    if(document.grades.fExam.value == "") 
    { 
     alert ("Please fill out your grade for Finals Examination."); 
     valid = false; 
    } 

    return valid; 
} 
</script>

请别人告诉我有多完全。

来源

2013-08-05 Jam Pong

“请有人告诉我如何彻底。”对不起，这是不是租编码器 – 2013-08-05 01:34:18

也许这种逻辑可能会帮助你在这里 - [加载图像一旦文件提交点击]（http://stackoverflow.com/questions/1715959/loading-image-once-file-submit-clicked ） – woofmeow

请向我们展示您尝试过的代码。 – tb11

请更换，

return valid;

通过，

if(valid) 
{ 
    document.getElementById('display').style.display="block"; 
    return true; 
}

，而在HTML，

<div id="display" style="display:none;"><img src="{image_url}" /></div>

来源

2013-08-05 03:49:02 Prabhukiran

当表单有效时单击提交按钮后显示加载图像

回答

相关问题