我以前问过这个，但是并没有真正使用真正的代码，所以这次我会。我需要能够至少验证其中一个输入框。如果它是空的，它表示它是空的，它不会打开mail.php。如果它不是空的，它将打开mail.php，它应该提交它的内容，以便在php页面中可以处理它。
这是我得到的：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="inscripcion-style.css">
<title>Inscripción</title>
<link rel="icon" href="LOGO.ico" type="image/x-icon">
<script>
function validation() {
var x = document.getElementById("equipo").value;
if (document.getElementById("equipo").value == "" || document.getElementById("equipo").value == " ") {
alert("vacio");
return false;
} else {
alert("no vacio");
return true;
}
}
</script>
</head>
<body>
<div class="header">
<h1>
<font color = "#015BA5">
Inscripción de Equipo
</font>
</h1>
</div>
<form name="myForm" id="myForm" action="mail.php" method="POST" onsubmit="validation()">
<div>
<div class="aBox" id="num1">
<div class="label" style="font-size: 15pt;">Nombre del Equipo</div>
<div class="formParent">
<input type="text" style=" width: 200px; font-size: 15pt;" name="equipo" id="equipo">
</div>
</div>
<div class="aBox" id="num1">
<div class="label" style="font-size: 15pt;">Numero de Integrantes</div>
<div class="formParent">
<select style=" width: 200px; font-size: 15pt;" name="integrantes">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
<option value=1 0>10</option>
</select>
</div>
</div>
<div id="num1">
<div class="label" style="font-size: 15pt;">Universidad</div>
<div class="formParent">
<select style=" width: 200px; font-size: 15pt;" name="Uni">
<option value=U met>UMET</option>
<option value=I nter-Metro>Inter-Metro</option>
</select>
</div>
</div>
</div>
<div>
<h1 class="lbl1">
<font color = "#015BA5">
Contacto 1
</font>
</h1>
<div class="aBox2" id="num1">
<div class="label" style="font-size: 15pt;">Nombre</div>
<div class="formParent">
<input type="text" class="field" style=" width: 200px; font-size: 15pt;" name="nombre">
</div>
</div>
<div class="aBox2" id="num1">
<div class="label" style="font-size: 15pt;">Primer apellido</div>
<div class="formParent">
<input type="text" class="field" style=" width: 200px; font-size: 15pt;" name="pApellido">
</div>
</div>
<div class="aBox2" id="num1">
<div class="label" style="font-size: 15pt;">Segundo apellido</div>
<div class="formParent">
<input type="text" class="field" style=" width: 200px; font-size: 15pt;" name="sApellido">
</div>
</div>
<div class="aBox2" id="num1">
<div class="label" style="font-size: 15pt;">Email</div>
<div class="formParent">
<input type="text" class="field" style=" width: 200px; font-size: 15pt;" name="mail">
</div>
</div>
<div class="aBox2" id="num1">
<div class="label" style="font-size: 15pt;">Teléfono</div>
<div class="formParent">
<input type="text" class="field" style=" width: 200px; font-size: 15pt;" name="tel">
</div>
</div>
</div>
<div>
<h1 class="lbl1">
<font color = "#015BA5">
Contacto 2
</font>
</h1>
<div class="aBox2" id="num1">
<div class="label" style="font-size: 15pt;">Nombre</div>
<div class="formParent">
<input type="text" class="field" style=" width: 200px; font-size: 15pt;" name="nombre2">
</div>
</div>
<div class="aBox2" id="num1">
<div class="label" style="font-size: 15pt;">Primer apellido</div>
<div class="formParent">
<input type="text" class="field" style=" width: 200px; font-size: 15pt;" name="pApellido2">
</div>
</div>
<div class="aBox2" id="num1">
<div class="label" style="font-size: 15pt;">Segundo apellido</div>
<div class="formParent">
<input type="text" class="field" style=" width: 200px; font-size: 15pt;" name="sApellido2">
</div>
</div>
<div class="aBox2" id="num1">
<div class="label" style="font-size: 15pt;">Email</div>
<div class="formParent">
<input type="text" class="field" style=" width: 200px; font-size: 15pt;" name="mail2">
</div>
</div>
<div class="aBox2" id="num1">
<div class="label" style="font-size: 15pt;">Teléfono</div>
<div class="formParent">
<input type="text" class="field" style=" width: 200px; font-size: 15pt;" name="tel2">
</div>
</div>
</div>
<div>
<h1 class="lbl1">
<font color = "#015BA5">
Profesor
</font>
</h1>
<div class="aBox3" id="num1">
<div class="label" style="font-size: 15pt;">Nombre</div>
<div class="formParent">
<input type="text" class="field" style=" width: 200px; font-size: 15pt;" name="nombre3">
</div>
</div>
<div class="aBox3" id="num1">
<div class="label" style="font-size: 15pt;">Primer apellido</div>
<div class="formParent">
<input type="text" class="field" style=" width: 200px; font-size: 15pt;" name="pApellido3">
</div>
</div>
<div class="aBox3" id="num1">
<div class="label" style="font-size: 15pt;">Segundo apellido</div>
<div class="formParent">
<input type="text" class="field" style=" width: 200px; font-size: 15pt;" name="sApellido3">
</div>
</div>
<div class="aBox3" id="num1">
<div class="label" style="font-size: 15pt;">Email</div>
<div class="formParent">
<input type="text" class="field" style=" width: 200px; font-size: 15pt;" name="mail3">
</div>
</div>
<div class="aBox3" id="num1">
<div class="label" style="font-size: 15pt;">Teléfono</div>
<div class="formParent">
<input type="text" class="field" style=" width: 200px; font-size: 15pt;" name="tel3">
</div>
</div>
</div>
<div>
<input type="submit" value="Enviar" class="enviarBtn">
</div>
</form>
</body>
这是一个西班牙客户。我的问题是它进行了验证，但它仍然打开php页面并提交它的内容，即使它返回false。不添加CSS或PHP页面中的内容导致它不会真正重要。我只需要帮助解决这个问题。
在我的文档中，它更有条理，希望我能在这里做同样的事情。
感谢。
答案 0 :(得分：2)
试试这个：
<form name="myForm" id="myForm" action="mail.php" method="POST" onsubmit="return validation();">
请注意，我已将return放入onsubmit。
答案 1 :(得分：1)
使用onclick而不是onsubmit <input type="button" value="Submit" onclick='validation()'/>.
<script type="text/javascript">
function validation() {
var x = document.getElementById('test').value;
if( document.getElementById("equipo").value == "" || document.getElementById("equipo").value == " " )
{
alert("vacio");
}
else
document.form.submit();
}
</script>