edgar.dueñas
Enviado por edgar.dueñas el Mié, 11/05/2016 - 11:35

Una forma simple de validar campos de un formulario. Esta es una forma simple de validar campos de un formulario, aunque lo que se recomienda es utilizar la librería jQuery validate. Únicamente usar esta practica si por alguna razón no es posible usar jQuery Validate.

$(function() {
 
	$("#QRForm").submit(function(){
		if($("#Name").val() == "Full Name*" || $("#Name").val() == ""){
			alert("Full Name is required.");
			$("#Name").css({'color':'red','font-weight':'bold'});
			return false;
		}
		if($("#Title").val() == "Title*" || $("#Title").val() == ""){
			alert("Your Title is required.");
			$("#Title").css({'color':'red','font-weight':'bold'});
			return false;
		}
		if($("#Company").val() == "Company*" || $("#Company").val() == ""){
			alert("Company name is required.");
			$("#Company").css({'color':'red','font-weight':'bold'});
			return false;
		}
		if($("#Country").val() == "Country*" || $("#Country").val() == ""){
			alert("Your Country is required.");
			$("#Country").css({'color':'red','font-weight':'bold'});
			return false;
		}
		if($("#Email").val() == "Business Email*" || $("#Email").val() == ""){
			alert("Your Email Address is required.");
			$("#Email").css({'color':'red','font-weight':'bold'});
			return false;
		}
 
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 
		var emailaddressVal = $("#Email").val();
	    if(!emailReg.test(emailaddressVal)) {
 			alert("Your Email Address is invalid.");
    		return false;
	    }
	    if($("#Phone").val() == "Business Phone*" || $("#Phone").val() == ""){
			alert("Your Phone Number is required.");
			$("#Phone").css({'color':'red','font-weight':'bold'});
			return false;
		}
 
		var dataString = $("#QRForm").serialize();
		$.ajax({  
			type: "POST",  
			url: "landingForm_proc.php",
			data: dataString,
			success: function() {
				//forward user to thank you page.
				window.location = "http://www.breault.com/landing/bro-demo-thankyou.php";
			}
		});
		return false;
	});
});