Hola buenas tardes, estoy tratando de armar una función con una parte de este código, la cual estoy tratando de que se active con el evento onsubmit del form. La estoy referenciando desde un archivo externo en la cabezera del html, pero aun no logro que funcione.
De antemano gracias a quien pueda guiarme un poco...
Esto es lo que tengo:
HTML:
Código:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mi pagina.com</title>
<script type="text/javascript" src="http://mipagina.com/js/funciones.js"</script>
</head>
<body>
<form id="formulario" action="http://mipagina.com/registrar" method="POST" onsubmit="return campovacio(this.id)">
<input name="Nombre" type="text" maxlength="20" placeholder="Nombre" title="Ingrese su Nombre" />
<input name="Apellido" type="text" maxlength="20" placeholder="Apellido" title="Ingrese su Apellido"/>
<input type="submit" value="Enviar"></input>
</form>
</body>
</html>
La función en el archivo externo funciones.js
Código:
function campovacio (id) {
var form = document.getElementById(id);
elementos = this.elements,
total = elementos.length;
for (var i = 0; i < total; i++){
if (!elementos[i].value.length){
if (elementos[i].placeholder===""){
alert ("Debes de ingresar el " + elementos[i].name);
elementos[i].focus();
comodin = false;
break;
}
else {
alert ("Debes de ingresar el " + elementos[i].placeholder);
elementos[i].focus();
comodin = false;
break; }
}
}
if (comodin){
return true;
}
else {
return false;
}
}