javascript - Validating from a form -
i've asked before, didn't use real code time will. need able validate, @ least, 1 of input boxes. if it's empty says it's empty , won't open mail.php. if it's not empty open mail.php , should submit it's content in php page can processed.
here's got:
<!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> it's spanish client. problem validation, still open php page , submits it's content if returns false. not adding css or what's in php page cause doesn't mater. need issue.
in document it's lot more organized, wish could've done same here.
thanks.
try this:
<form name="myform" id="myform" action="mail.php" method="post" onsubmit="return validation();"> note have put return in onsubmit.
Comments
Post a Comment