Posts Tagged ‘formularios’

Creando una función para tomar todos los valores de varios TextBox

Martes, Febrero 16th, 2010

Hoy estaba en clase de “Programación avanzada” (Si es que se puede llamar así) y el profesor nos pedía crear una aplicación con cuatro Textbox y 3 botones. Un botón que hiciera la sumatoria de los números introducidos en los Textbox, otro botón para sacar el promedio y otro para saber cuál es el mayor de los cuatro números, algo como esto:

Ejemplo de función

Sin embargo todo el mundo declaraba las variables en cada procedimiento Clic de los botones y en cada uno guardaban los datos, cada vez que se hiciera Clic, claro está. Algo como esto:

num1 = Val(Form1.TextBox1.Text)
num2 = Val(Form1.TextBox2.Text)
num3 = Val(Form1.TextBox3.Text)
num4 = Val(Form1.TextBox4.Text)

Lo que se me ocurrió fue crear una función dentro de un módulo para ir tomando o recogiendo todos los valores de los Textbox y así poder realizar todas las operaciones sin necesidad de hacer lo mismo en cada procedimiento Clic de los botones. Veamos el código de la función y el módulo completo:

Module Module1
    Public n1 = Val(Form1.TextBox1.Text), n2 = Val(Form1.TextBox2.Text), n3 = Val(Form1.TextBox3.Text), n4 = Val(Form1.TextBox4.Text), resultado As Long
    Public Sub cajas(ByVal num1 As Long, ByVal num2 As Long, ByVal num3 As Long, ByVal num4 As Long)
        num1 = Val(Form1.TextBox1.Text)
        num2 = Val(Form1.TextBox2.Text)
        num3 = Val(Form1.TextBox3.Text)
        num4 = Val(Form1.TextBox4.Text)
    End Sub
End Module

Como pueden ver, he declarado las variables que usaré en el formulario y las de la función, para que las otras variables se puedan pasar como parámetro. un ejemplo de su uso sería en el botón de la sumatoria:

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
        cajas(n1, n2, n3, n4)
        resultado = n1 + n2 + n3 + n4
        MessageBox.Show("La sumatoria es " + Str(resultado))
    End Sub

JSValidate: Framework para validar formularios en javaScript

Jueves, Febrero 4th, 2010

Buscando formas de validar mis formularios (Ya que en PHP se me hacia algo tedioso de hacer) decidí buscar en distintos blogs de programación, pero cuando hice una búsqueda en particular en Google hubo una página que obtuvo mi atención, era la página oficial de un completo framework para validar los formularios.

JSValidate es el nombre del framework programado en JavaScript y que tiene muchas opciones para validar nuestros formularios.

Como usar JSValidate

Usar el framework es más sencillo de lo que parece y se usa como cualquier archivo JavaScript externo con la diferencia de que aquí usamos la propiedad class de las etiquetas para llamar la función del framework que necesitemos.

Primer paso: Debemos descargar el framework del sitio web oficial, luego lo descomprimimos en la carpeta de nuestro proyecto web o donde lo creamos conveniente.

Segundo paso: Llamamos los scripts externos de esta manera:

<script type="text/javascript" language="javascript" src="scriptaculous/lib/prototype.js"></script>
<script type="text/javascript" language="javascript" src="scriptaculous/src/scriptaculous.js"></script>
<script type="text/javascript" language="javascript" src="jsvalidate.js"></script>

Tercer paso: Según en la etiqueta que queramos validar o campo llamamos la función dentro de la propiedad class de esta manera:

<input type="text" name="nombre" class="jsvalidate_number" />

Las distintas funciones del framework poseen distintos nombres que debes tener en cuenta para así según su función hacer uso de ellas. Algunas de sus funciones son:

  • jsrequired: El campo debe tener algún tipo de valor.
  • jsvalidate_number: Acepta decimales y negativos.
  • jsvalidate_digits: Acepta solo números.
  • jsvalidate_alpha: Solo letras.
  • jsvalidate_alphanum: Solo letras, números y subrayados.
  • jsvalidate_email: Cualquier dirección de correo valida.
  • jsvalidate_uscanzip: Código postal de E.U. o Canada.
  • jsvalidate_usstate: Cualquier estado de dos letras mayúsculas de los estados unidos.
  • jsvalidate_usphone: Acepta números de teléfono de los formatos más conocidos en E.U.
  • jsvalidate_creditcard: Valida VISA, MasterCard, American Express  formatos sin  espacios o guiones.

(más…)