Todos los campos del formulario obligatorios

28/oct/2007 wForms 1 Comentario

De una forma muy sencilla y utilizando wForms haremos que un conjunto de campos de un formulario se conviertan en obligatorios.

En el artículo Campos obligatorios de un formulario con wForms podíamos ver como conseguir que un campo fuese obligatorio, indicándoselo directamente al campo. En este caso haremos que un conjunto de elementos de un formulario sean obligatorios.

Lo primero que vamos a escribir son los campos del formulario que queremos que sean obligatorios. El formulario va a ser algo sencillo: un campo de texto, un área de texto y uno de selección.

<form>
<label for="texto">Texto:</label><input type="text" id="texto"><br/>
<label for="area">Area:</label><textarea rows="10" cols="20" id="area"></textarea><br/>
<label for="seleccion">Seleccion:</label>
<select id="seleccion">
<option value="">Seleciona una opción...</option>
<option value="1">Uno</option>
<option value="2">Dos</option>
<option value="3">Tres</option>
</select><br/>
<input type="submit" value="Enviar"/>
</form>

Para delimitar los campos del formulario que queremos que sean obligatorios, los vamos a rodear por una capa <DIV>. Además a esta capa le vamos a asignar la clase "allrequired" definida en wForms mediante el atributo class.

<form>
<div class="allrequired">
<label for="texto">Texto:</label><input type="text" id="texto"><br/>
<label for="area">Area:</label><textarea rows="10" cols="20" id="area"></textarea><br/>
<label for="seleccion">Seleccion:</label>
<select id="seleccion">
<option value="">Seleciona una opción...</option>
<option value="1">Uno</option>
<option value="2">Dos</option>
<option value="3">Tres</option>
</select><br/>
</div>
<input type="submit" value="Enviar"/>
</form>

Ya, solo nos quedará el instanciar la librería wForms. Para ello añadiremos en la cabecera el siguiente código JavaScript:

<script type="text/javascript" src="wforms.js"></script>

Visualizar el ejemplo | Descargar el código

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

Un comentario en “Todos los campos del formulario obligatorios”

Víctor Cuervo

Juan

Gracias pero no me ha funcionado.(Y)

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*


*