cuadro de texto con valores

Jhordi123 · #1 (**permalink**) 25/10/2013, 18:50

Hola buenas noches, quisiera saber como puedo crear un cuadro de texto que tenga un valor predeterminado. Por ejemplo, un cuadro de texto que al poner un cierto un codigo/ texto "1234567", y le de al boton enviar. Si el código esta bien puesto te manda a una pagina, si está mal puesto te salta un mensaje que el código es incorrecto. Así como paginas de concurso con códigos de promoción. Alguna ayuda por favor?

Crazylegs · #2 (**permalink**) 26/10/2013, 03:55

Cita:

Iniciado por Jhordi123

quisiera saber como puedo crear un cuadro de texto que tenga un valor predeterminado.

Código HTML:

Ver original<input type="text" value="valor_predeterminado">

Cita:

Iniciado por Jhordi123

Si el código esta bien puesto te manda a una pagina, si está mal puesto te salta un mensaje que el código es incorrecto. Así como paginas de concurso con códigos de promoción. Alguna ayuda por favor?

Eso lo deberías de hacer en un lenguaje de servidor como por ejemplo PHP, enviando el código en un formulario y recogiendo los datos en el servidor, y comparando el código con el correcto de la base de datos, un fichero de texto o donde lo tengas, y por último mostrando el resultado.

Jhordi123 · #3 (**permalink**) 26/10/2013, 06:35

Cita:

Iniciado por Crazylegs

Código HTML:

Ver original<input type="text" value="valor_predeterminado">

Eso lo deberías de hacer en un lenguaje de servidor como por ejemplo PHP, enviando el código en un formulario y recogiendo los datos en el servidor, y comparando el código con el correcto de la base de datos, un fichero de texto o donde lo tengas, y por último mostrando el resultado.

Pero como se llama todo ese proceso?

Gelito · #4 (**permalink**) 26/10/2013, 06:49

Puedes validar el campo antes de enviarlo mediante el evento onsubmit del formulario.
En él haces una llamada a una función javascript que valide los datos: onsubmit='ValidarDatos()'

Esta función debe devolver true si todos los datos son válidos, y se enviará el formulario.
Si hay algún error, debe devolver false y no se realizará el envío.

Jhordi123 · #5 (**permalink**) 26/10/2013, 08:02

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <label for="codigo"></label>
  <span id="sprytextfield1">
  <input type="text" name="codigo" id="codigo" />
  <span class="textfieldRequiredMsg"></span><span class="textfieldInvalidFormatMsg">Código Incorrecto.</span></span>
</form>
<p>&nbsp; </p>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "custom", {validateOn:["blur"], pattern:"123",  hint:"INGRESA TU CODIGO"});
  </script>
 
</body>
</html>

Eso es lo que logré hacer hasta ahora, ahora mi problema es, como le puedo poner mas volares aparte del "123"

Crazylegs · #6 (**permalink**) 26/10/2013, 10:00

Cita:

Iniciado por Jhordi123

Pero como se llama todo ese proceso?

Mira he creado una entrada en mi blog donde explica como recoger los datos en PHP:

http://programacionwebmix.wordpress.com/2013/10/26/recoger-datos-de-un-formulario-en-el-servidor-con-php/

¿Como validas que el código esté bien? Quizá no necesites PHP y te baste con Javascript.

Gelito · #7 (**permalink**) 26/10/2013, 10:29

Como dice Crazylegs, puedes hacerlo por javascript o por PHP, en función de qué necesites validar.

Si tienes que validar que introducen un código con un determinado formato, te sirve javascript.
Si la validación es en función de su valor, tendrás que validar donde tengas la relación de posibles valores: en local (javascript) si son pocos y no van a cambiar nunca o en el servidor (PHP) si los tienes en una base de datos o similar.

Con respecto al ejemplo que has puesto, veo que usas SpryAssets. No lo conozco ni sé qué facilidades aporta.
Sí veo que no hay action ni boton submit , sí que malamente puede funcionar.

Te cuento como lo he hecho yo en alguna ocasión, por si te es de utilidad.

El formulario:

<form id='Formulario' action='Modulo.php' method='POST' onsubmit='InicioVerificarCuenta()'>
.
.
<input id='correo' name='correo' type='text' placeholder='[email protected]'>
.
.
.
<input type='submit' value=' Enviar '>

Función javascript:

function InicioVerificarCuenta()
{var texto = document.getElementById("correo").value
var exreg= /^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/
if(!exreg.test(texto))
{alert("Campo Cuenta no válido (" + texto + "). \n Se necesita una cuenta de correo válida.")
return false}
return true
}

Para hacerlo en PHP, Crazylegs te ha indicado cómo.

Jhordi123 · #8 (**permalink**) 26/10/2013, 13:26

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<script>
function validar(form1){
if(document.form1.codigo.value==""){
alert("¡Debe ingresar el código de promoción!");
document.form1.codigo.focus();
return false;
}else

if(document.form1.codigo.value=="123456"){
alert("codigo satisfactorio");
return true;
}else{

}


}
</script>

<body>
<form id="form1" name="form1" method="post" action="paginaweb.com" onsubmit="return validar()">
  <p>
    <label for="codigo">INGRESE SU CÓDIGO PROMOCIONAL</label></p>
  <p>
    <input type="text" name="codigo" id="codigo" />
  </p>
  <p>
    <input type="submit" name="enviar" id="enviar" value="Enviar" />
  </p>
</form>
</body>
</html>

Hasta ahora tengo esto. Logré hacer que si las personas no ponen nada en el cuadro y le dan enviar. Les salga el mensaje "¡Debe ingresar el código de promoción!", pero si las personas ponen el código "123456", les sale el mensaje "codigo satisfactorio", ahora mi pregunta es: como hago para que el cuadro solo acepte el "123456", es decir, si alguien intenta poner "asdqwe123" y dar enviar, lo rechace y diga que el código es incorrecto. No deseo trabajar con php, si eso es posible, ya que no poseo ninguna base de datos algo parecido, solo quiero dar acceso a otra pagina. Gracias.

Gelito · #9 (**permalink**) 26/10/2013, 15:44

Vamos a ver.... ¿preguntas en serio?

Si sólo vas a aceptar el código 123456 es tan fácil como darle la vuelta al if...

if(document.form1.codigo.value != "123456"){
alert("código erróneo");
return false;
}else{
return true
}

o bien

if(document.form1.codigo.value=="123456"){
return true;}
}else{
alert("Código incorrecto");
return false
}

Jhordi123 · #10 (**permalink**) 26/10/2013, 16:26

Cita:

Iniciado por Gelito

Vamos a ver.... ¿preguntas en serio?

Si sólo vas a aceptar el código 123456 es tan fácil como darle la vuelta al if...

if(document.form1.codigo.value != "123456"){
alert("código erróneo");
return false;
}else{
return true
}

o bien

if(document.form1.codigo.value=="123456"){
return true;}
}else{
alert("Código incorrecto");
return false
}

Ok, me parece perfecto eso es lo que exactamente quiero, ahora una última consulta para dejarte de molestar. A partir de ese código exacto, como le puedo agregar mas valores?, por ejemplo: aparte que solo acepte el "123456", tambien que acepte el "654321"

Crazylegs · #11 (**permalink**) 27/10/2013, 10:19

Cita:

Iniciado por Jhordi123

Ok, me parece perfecto eso es lo que exactamente quiero, ahora una última consulta para dejarte de molestar. A partir de ese código exacto, como le puedo agregar mas valores?, por ejemplo: aparte que solo acepte el "123456", tambien que acepte el "654321"

Con el operador |:

Código Javascript:

Ver originalif(document.form1.codigo.value != "123456" | document.form1.codigo.value != "654321"){

Ese operador significa OR.