Autor Tema: HTML formulario web con restricciones en campos introducir fórmulas  (Leído 4145 veces)

hvanderc

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 2
    • Ver Perfil
Hola me podrían ayudar con lo siguiente porfavor, estoy creando un formulario web, pero en un campo tengo que poner un número (ejemplo300) y el siguiente campo debo poner una formula para que se tenga que poner un número menor al anterior (299 para abajo). Solo que el número sería variable. De ante mano muchas gracias   ;D
« Última modificación: 27 de Marzo 2016, 21:43 por César Krall »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:Ayuda con formula en formulario
« Respuesta #1 en: 23 de Marzo 2016, 17:54 »
Hola hvanderc.

Para poder ayudarte de una forma correcta, tendrías que poner el código con el que estés trabajando, de esa manera alguien podría intentar solucionar tu problema.

De todas formas te dejo un ejemplo de lo que creo puedas necesitar.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">
<script type="text/javascript">
window.onload = function () {
var num = document.getElementById('num1');
num.addEventListener("keyup",calculateResult);
function calculateResult(){
document.getElementById('result').value = this.value - 1;
}
}
</script>
</head>
<body>
<h2>Ejemplo aprenderaprogramar.com</h2>
<form name ="formNumbers" method="get" action="#">
    <label>Introduce un número1:</label><input id="num1" name="num1" type="text"/><br/>
<label>numero1 - 1:</label><input id="result" name="result" type="text"/><br/>
<input type="submit" value="Submit"/> <input type="reset" value="Cancel"/>
</form>
</body>
</html>

Saludos. ;D

hvanderc

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 2
    • Ver Perfil
Re:Ayuda con formula en formulario
« Respuesta #2 en: 24 de Marzo 2016, 05:05 »
 Mira así tengo esta parte del código, en la primer pregunta deberán poner un número, y en la segunda debe ser menor que la primera. Por ejemplo si ponen que tenían 300 colonias antes de comenzar el invierno, en la número 2 debería ser menor de 300, por lo pronto puse un placeholder, pero como podría hacer por si alguien pone un número más alto que el anterior, marque error o una alerta.

Muchas gracias por tu ayuda :D

Código: [Seleccionar]
<div id="item75" class="fb-item fb-100-item-column" style="opacity: 1;">
        <div class="fb-grouplabel">
          <label id="item75_label_0" style="display: inline;">1.- ¿Cuantas colonias tenía antes de comenzar el invierno?</label>
        </div>
        <div class="fb-input-box">
          <input type="text" id="item75_text_1" maxlength="254" placeholder="" autocomplete="off"
          data-hint="" name="text75" required/>
        </div>


      </div>
      <div id="item76" class="fb-item fb-100-item-column" style="opacity: 1;">
        <div class="fb-grouplabel">
          <label id="item76_label_0" style="display: inline;">2.- Cuantas colonias en producción bien después del invierno 2015-2016?</label>
        </div>
« Última modificación: 24 de Marzo 2016, 10:45 por pedro,, »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:Ayuda con formula en formulario
« Respuesta #3 en: 24 de Marzo 2016, 10:50 »
Buenas.

Lo primero cuando pegues código pulsa el icono '#' y pega el código entre las etiquetas
 "[code ] aquí el código[/ code]" que te aparecerán.

Si no entiendo mal, quieres solucionarlo solo con el uso de html5, ¿es así?

El código que copiaste está incompleto, no se llega a ver el formulario entero.

Saludos.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".