Saltar al contenido

validación de formulario con código javascript onsubmit ejemplo

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *