Formulario con JS

Daniel Muñoz · 6 Jun 2014

Hola betas, necesito hacer algo muy sencillo. Pero en realidad no se como hacerlo.

Es una tabla de 2 campos.

Nombre
Meses
"boton enviar"

Lo que debe hacer es que al hacer clic en el boton haga un calculo dependiendo de los meses.

Si es 0 - 2 diga una frase si es 3 - 5 diga otra, pero el formulario debe salir al hacer clic.

Alguien me ayuda o me explica por favor?

nullPointer · 8 Jun 2014

Si pudieras poner el código, sería más fácil poder echarte una mano.
😉

arevaloemiliano · 8 Jun 2014

Poné el codigo

sandercrow · 9 Jun 2014

Prueba a añadir una clase a cada uno de los elementos y luego añades la acción con jQuery:

<input id="mes_0" class="meses_02">
<input id="mes_1" class="meses_02">
<input id="mes_2" class="meses_02">
<input id="mes_3" class="meses_35">
<input id="mes_4" class="meses_35">
...
(asignamos la clase meses_02 a los primeros 3 elementos y la clase meses_35 al resto)

<script>
$(function() {
$('.meses_02').click(function(){
alert('texto 1');
});

$('.meses_35').click(function(){
alert('texto 2');
});
</script>

Si esto no te sirve, prueba a poner algo de código en la pregunta, que siempre ayuda ;-)

Suerte.

DanielDeick · 16 Jun 2014

no se 100% a que te refieres, pero algo así podría funcionar, un saludo y cualquier cosa me dices

HTML:

<div class="result"></div>
<div class="formulario">
    <input type="text" class=".name" />
    <select class="date">
           <option id="optOne" value="1">Enero - Febrero</option>
           <option id="optTwo" value="2">Marzo - Abril</option>
           <option id="optThree" value="3">Mayo - Junio</option>
           <option id="optFord" value="4">Julio - Agosto</option>
           <option id="optFive" value="5">Septiembre - Octubre</option>
           <option id="optSix" value="6">Noviembre - Diciembre</option>
    </select>
    <button onclick="CalculeDate();>Comprobar</button>
</div>

entonces la función sería así

Insertar CODE, HTML o PHP:

function CalculeDate()
{
         var user = $('.name').val();
	$(document).ready(function(){
	         if($(".date").val() === "1")
	         {
	                 $(".result").html(user + " tu fecha está entre enero y febrero");                    
                 }   else if($(".date").val() === "2")
	         {
	                  $(".result").html(user + " tu fecha está entre marzo y abril");
	          }
	});
}

PD: sí así es lo que quieres deberas crear 4 if's mas para añadir a cada uno el valor siguiente, por ejemplo el siguiente sería:

Insertar CODE, HTML o PHP:

if($($(".date").val() === "3")
{
         $(".result").html(RESULTADO);
}

cantasken · 20 Jun 2014

Compañero, pon tu código para que te apoyemos y te digamos donde esta el error u como mejorarlo 😉

Formulario con JS

Daniel Muñoz

nullPointer

arevaloemiliano

sandercrow

DanielDeick

cantasken

Temas similares