返回false不工作 [英] return false isnt working

问题描述

我有一个带有一些验证的表单，阻止用户提交带有空输入框的表单。但是，单击表单提交按钮时，会显示错误消息，但表单仍然处理完毕。



这是我的代码：

  function  functionName（）{
  var  var1 =  document  .getElementById（'  ID1' ）值。 
  var  var2 =  document  .getElementById（'   id2'）。value; 
  var  var3 =  document  .getElementById（'   id3'）。selectedIndex; 
  var  var4 =  document  .getElementById（'   id4'）。value; 
  if （（var3 ===  1 ）&&（var1.length< ;  2 ）||（var2.length<  2 ））{
 alert（< span class =code-string> ）; 
 var1.style.borderColor =   red; 
 var2.style.borderColor =   red; 
  return   false ; 
} 
  else   if （（var3 ===  2 ）&&（var4.length<  2 ））{
 alert（ ）; 
 var4.style.borderColor =   red; 
  return   false ; 
} 
  else  {
 var4.style.borderColor =   green; 
 var1.style.borderColor =   green; 
 var2.style.borderColor =   green; 
  return   true ; 
} 
} 

解决方案

你实际上是如何调用这个函数的？



它必须是其中之一 -

 <  表格   方法  =  post    onsubmit   =  return functionName（） >  
 ... 
 <  输入 < span class =code-attribute>   type   =  submit    value   = 提交 >  
 <   / input  >  <   / form  >  

或（内联或在单击按钮时调用的函数内）

 <  表格   < span class =code-attribute> method   =  post >  
 ... 
 <  输入    type   = < span class =code-keyword> s ubmit    value   = 提交    onclick   =  return functionName（） >  
 <   / input  >  < span class =code-keyword><   / form  >  

I have a form with some validation that prevents the user from submitting the form with empty input boxes. However, when the form submit button is clicked, the error message is displayed but then the form is still processed.

This is the code I have:

function functionName() {
	var var1 = document.getElementById('id1').value;
	var var2 = document.getElementById('id2').value;
	var var3= document.getElementById('id3').selectedIndex;
	var var4= document.getElementById('id4').value;
	if ((var3 === 1) &&(var1.length < 2) || (var2.length < 2)){
        alert("");	
        var1.style.borderColor = "red";
	var2.style.borderColor = "red";
	return false;
	}
	else if ((var3 === 2) && (var4.length < 2)){
        alert("");
	var4.style.borderColor = "red";
	return false;
	}
	else {
	var4.style.borderColor = "green";
	var1.style.borderColor = "green";
	var2.style.borderColor = "green";
	return true;
	}
	}

解决方案

How actually you are making call to this function ??

It has to be either of these -

<form method="post" onsubmit="return functionName()">
...
<input type="submit" value="Submit">
</input></form>

or (inline or within the function invoked on click of the button)

<form method="post">
...
<input type="submit" value="Submit" onclick="return functionName()">
</input></form>

这篇关于返回false不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！