Nuestro equipo de trabajo ha pasado horas investigando para darle respuesta a tus interrogantes, te ofrecemos la soluciones por esto esperamos servirte de gran apoyo.
Ejemplo: validación de formulario de envío de javascript
//form.html
DOCTYPEhtml><html><head><title>Javascript Onsubmit Event Exampletitle><linkhref="css/style.css"rel="stylesheet"><scriptsrc="js/onsubmit_event.js">script>head><body><divclass="container"><divclass="main"><formaction="#"method="post"onsubmit="return ValidationEvent()"><h2>Javascript Onsubmit Event Exampleh2><label>Name :label><inputid="name"name="name"placeholder="Name"type="text"><label>Email :label><inputid="email"name="email"placeholder="Valid Email"type="text"><label>Gender :label><inputid="male"name="gender"type="radio"value="Male"><label>Malelabel><inputid="female"name="gender"type="radio"value="Female"><label>Femalelabel><label>Contact No. :label><inputid="contact"name="contact"placeholder="Contact No."type="text"><inputtype="submit"value="Submit"><span>All type of validation will execute on OnSubmit Event.span>form>div>div>body>html>
//js/onsubmit_event.js
// Below Function Executes On Form Submit
function ValidationEvent()
// Storing Field Values In Variables
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var contact = document.getElementById("contact").value;
// Regular Expression For Email
var emailReg = /^([w-.][email protected]([w-]+.)+[w-]2,4)?$/;
// Conditions
if (name != '' && email != '' && contact != '')
if (email.match(emailReg)) else
alert("Invalid Email Address...!!!");
return false;
else
alert("All fields are required.....!");
return false;
Reseñas y valoraciones
Nos puedes amparar nuestra misión escribiendo un comentario o puntuándolo te damos la bienvenida.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)