Problemas con Formulario y Validación SPRY 1) Es un template Responsive gratuito.
2) El Formulario ya venía creado yo solo lo modifiqué y creé un send mail en php que guarda la información en una base de datos en el cpanel. send.php
ERROR:
1) Se pusieron las áreas de texto de validación tipo Spry pero no funcionan.
2) Se puede dar al botón enviar sin rellenar ningún campo y se envia.
3) se le da que enteros y se puede escribir texto normal, se le da codigo de validación de correo o email y no dice que esté mal mejor dicho es como si estuviera desactivada la información.
Código HTML:
<!-- form --> <script type="text/javascript" src="js/form-validation.js"></script> <form action="procesar.php" method="post" target="new" id="contactForm"> <fieldset> <p> <label for="nombre" >Nombre</label> <span id="sprytextfield1"> <input name="nombre" id="nombre" type="text" class="form-poshytip" title="Ingresa tu Nombre" /> <span class="textfieldRequiredMsg">Se necesita un valor.</span></span></p> <p> <label for="nombre" >Celular</label> <span id="sprytextfield2"> <input name="celular" id="celular" type="text" class="form-poshytip" title="Tu número de celular" /> <span class="textfieldRequiredMsg">Se necesita un valor.</span><span class="textfieldInvalidFormatMsg">Formato no válido.</span></span></p> <p> <label for="correo" >Correo Electrónico</label> <span id="sprytextfield3"> <input name="correo" id="correo" type="text" class="form-poshytip" title="Tu correo Electrónico" /> <span class="textfieldRequiredMsg">Se necesita un valor.</span><span class="textfieldInvalidFormatMsg">Formato no válido.</span></span></p> <p> <label for="colegio">Colegio - Empresa</label> <span id="sprytextfield4"> <input name="colegio" id="colegio" type="text" class="form-poshytip" title="Ingresa tu Colegio" /> <span class="textfieldRequiredMsg">Se necesita un valor.</span></span></p> <p> <label for="mensaje">Mensaje</label> <span id="sprytextarea1"> <textarea name="mensaje" id="mensaje" rows="5" cols="20" class="form-poshytip" title="Escríbenos estaremos en contácto."></textarea> <span class="textareaRequiredMsg">Se necesita un valor.</span></span></p> <!-- send mail configuration --> <input type="hidden" value="[email protected]" name="to" id="to" /> <input type="hidden" value="ENter the subject here" name="subject" id="subject" /> <input type="hidden" value="send-mail.php" name="sendMailUrl" id="sendMailUrl" /> <!-- ENDS send mail configuration --> <p><input type="submit" value="Send" name="submit" id="submit" /> <span id="error" class="warning">Message</span></p> </fieldset> </form> <p id="sent-form-msg" class="success"> Gracias por tu comentario.</p> <!-- ENDS form -->
Código HTML:
<script type="text/javascript" src="js/form-validation.js"> Código PHP:
jQuery(document).ready(function($){
// hide messages
$("#error").hide();
$("#sent-form-msg").hide();
// on submit...
$("#contactForm #submit").click(function() {
$("#error").hide();
//required:
//name
var name = $("input#name").val();
if(name == ""){
$("#error").fadeIn().text("Name required.");
$("input#name").focus();
return false;
}
// email
var email = $("input#email").val();
if(email == ""){
$("#error").fadeIn().text("Email required");
$("input#email").focus();
return false;
}
// web
var web = $("input#web").val();
if(web == ""){
$("#error").fadeIn().text("Web required");
$("input#web").focus();
return false;
}
// comments
var comments = $("#comments").val();
// send mail php
var sendMailUrl = $("#sendMailUrl").val();
//to, from & subject
var to = $("#to").val();
var from = $("#from").val();
var subject = $("#subject").val();
// data string
var dataString = 'name='+ name
+ '&email=' + email
+ '&web=' + web
+ '&comments=' + comments
+ '&to=' + to
+ '&from=' + from
+ '&subject=' + subject;
// ajax
$.ajax({
type:"POST",
url: sendMailUrl,
data: dataString,
success: success()
});
});
// on success...
function success(){
$("#sent-form-msg").fadeIn();
$("#contactForm").fadeOut();
}
return false;
});
Bueno ese es el problema mirar si alguien me puede ayudar.
Recuerden que si ustedes escriben a mi me llega la información al correo sin problemas lo único que está mal es los Campos de texto de validación SPRY.
