未经我同意,输入类型图像提交表单

时间:2012-01-31 10:23:19

标签: javascript html image forms input

我有一个像这样的输入类型图像:

<input type="image" name="formimage2" width="170" height="37" src="images/tasto-registrati.png" onclick="sub()">

这是sub():

function sub(){
            var mail = document.getElementsByName('mail')[0];
            var name = document.getElementsByName('name')[0];
             if(mail.value!=""){
                bool = true;
            }else{
                mail.value="Campo obbligatorio";
                mail.style.backgroundColor="red";
                bool=false;
            }
            if(name.value!=""){
                bool = true;
            }else{
                name.value="Campo obbligatorio";
                name.style.backgroundColor="red";
                bool=false;
            }
if(bool){
   document.form[0].submit();
}

但每次都提交表单!我怎么能告诉表格只提交那种情况? 我试着:

if(bool){
...
}else{
   return false
}

但没有!你能救我吗?

3 个答案:

答案 0 :(得分:6)

只需使用

onclick="return sub()"

我认为您的表单在FALSE ...

时无法提交

祝你好运!!!

更新1:

始终在主要功能本身使用return falsereturn true ...

javascript部分

function checkMe() {

if (Name is incorrect) {
alert(Name is incorrect);
return false;
}


if (Number is incorrect) {
alert(Number is incorrect);
return false;
}
return true;
}

html部分

<input type=submit onClick="return checkMe()">

答案 1 :(得分:1)

您可以尝试使用onsubmit="return sub()" form代码。

如果return bool;bool,您还应提交true表单。

答案 2 :(得分:0)

<input type="image" name="formimage2" width="170" height="37" src="images/tasto-registrati.png" onclick="sub(event)">

function sub(e){

  ...
  ...
  if(!bool){
     e.preventDefault();
  }else{
     ......
  }


}