QuestionPoint
Seleccionar idioma:

Especificar como requeridos los campos adaptables en su Formulario de consulta

Contenido

Introducción
Procedimiento general
Agregar validación para un campo de texto o campo de área de texto
Agregar validación para un campo de lista desplegable
Agregar validación para un campo de botones de selección

Introducción

Este documento describe cómo agregar validación para los campos adaptables del formulario de consulta de sus usuarios. Validación en este contexto significa asegurar que el usuario ingrese un valor en un campo antes de poder enviar la consulta a QuestionPoint. Haremos lo que esté de nuestra parte para ofrecer apoyo para este procedimiento tal como está descrito. Tenga presente que el procedimiento asume un cierto nivel de conocimiento con las tecnologías apropiadas del Web y que nuestro personal de apoyo no está equipado para ofrecer instrucciones en HTML, JavaScript o diseño para el Web.

Si no maneja bien JavaScript, le recomendamos que realice esta tarea en colaboración con el Webmaster de su biblioteca. Refiérase a Recursos adicionales en Agregar el Formulario de consulta del usuario a su sitio Web para enlaces a sitios con tutores interactivos de JavaScript.

También puede agregar validación más sofisticada para cualquier campo, pero esa validación está fuera del alcance de este procedimiento y del apoyo que podemos ofrecer. Para ejemplos, vea la validación adicional del cuestionario de consulta Ejemplo #2 y Ejemplo #3.

Volver arriba

Procedimiento general

Paso Acción
1 Abra el archivo del formulario con un editor de texto.
2

Vaya a la sección del archivo que contiene sus nuevos campos.

3

Para indicar que un campo es requerido, cambie la etiqueta de la pantalla del campo de manera consistente con el diseño de su formulario de consulta, por ejemplo, anteponga un asterisco a la etiqueta de campo.

Ejemplo:

<! -- Usted puede insertar aquí los campos agregados -- >
<! - Added field entry -- >
<tr>
   <th width="30%">
     <label for="field1" accesskey="P">*Phone:</label>
   </th>
   <td width="70%">
     <input type="hidden" name="label1" value="Phone">
     <input type="TEXT" name="field1" id="field1"maxlength=255 size=50>
   </td>
</tr>
4

Busque el nombre del campo que desea especificar como requerido:

Tipo de campo Donde encontrar Nombre
Texto <input type="TEXT" name="field1" id="field1" maxlength=255 size=50>
Área de texto
<textarea name="field4" id="field4" rows="6" cols="50" wrap="VIRTUAL"></textarea>
Lista desplegable
<select name="field5" id="field5">
  <option value="0" selected>Select one</option>
  ...
Seleccionar
Botón de selección

<input type="radio" name="field3" value="Faculty">
Faculty

NOTA: Cada botón de selección debe tener el mismo nombre.

5

Vaya al JavaScript en la parte superior del archivo HTML. Comienza con <script language="JavaScript">.

Encuentre el comienzo de la función checkIt en el programa:

function checkIt(form) {
var email = form.email.value;
var question = form.question.value;
var msg = '';
6

¿Qué tipo de campo desea especificar como requerido?
7 Guarde el archivo.
8 Abra el formulario de consulta con un navegador del Web. Deje todos los campos requeridos en blanco (incluyendo Dirección de correo electrónico y Consulta) y haga clic en el botón para enviar una consulta. El mensaje que aparece debe indicar que dejó en blanco el campo Dirección de correo electrónico, Consulta y el campo que acaba de especificar como requerido.
9 Haga una copia de seguridad de su formulario adaptado con otro nombre. Esto conserva los cambios que haya efectuado hasta ahora y le permite volver a comenzar desde ese punto, de ser necesario.
10 Repita los pasos 3-9 para cada campo adaptable que desee especificar como requerido.
11 Vuelva a Agregar el Formulario de consulta del usuario a su sitio Web y complete los pasos restantes de este procedimiento.

Volver arriba

Agregar validación para un campo de Texto o de Área de texto

Paso Acción
1

Agregue una línea para el campo requerido que identificó en el paso 4 del procedimiento general, usando el siguiente formato:

var variable_name = form.fieldname.value

donde

  • variable_name es una variable que se refiere al campo formulario
  • fieldname es el nombre del campo requerido

Agregue la línea justo encima de esta línea:

var msg;

Ejemplo:

function checkIt(form) {
var email = form.email.value;
var question = form.question.value;
var field1 = form.field1.value;
var msg = '';
2

Baje varias líneas hasta que vea las líneas siguientes:

if(question.length < 1) {
if(msg.length > 0)
  msg+=', ';
msg += 'Question';
}
3

Copie y pegue en el formulario las líneas del casillero de texto que está a continuación:

  • Haga clic en el botón Destacar todo que está encima del casillero.
  • Con el código destacado, haga clic con la tecla derecha en el casillero.
  • Seleccione Copiar del menú de contexto.
  • Ubique el cursor en el formulario después de la sección que aparece en el paso 2 y seleccione Pegar. Puede pegar oprimiendo Control-V, seleccionando Editar -> Pegar del menú del editor de texto, o haciendo clic con la tecla derecha (secundaria) del ratón y seleccionando Pegar del menú de contexto que aparece.
4

Reemplace el campoX por el nombre del campo y etiquetaX por el nombre de la etiqueta.

Ejemplo:

if(field1.length < 1) {
  if(msg.length > 0)
    msg+=', ';
  msg += 'Phone';
5 Vuelva al paso 7 del procedimiento general.
Volver arriba

Agregar validación para un campo de Lista desplegable

Paso Acción
1

Desplácese hacia abajo varias líneas hasta que vea estas líneas:

if(question.length < 1) {
if(msg.length > 0)
  msg+=', ';
msg += 'Question';
}
2

Copie y pegue en el formulario las líneas del casillero de texto que está a continuación:

  • Haga clic en el botón Destacar todo que está encima del casillero.
  • Con el código destacado, haga clic con la tecla derecha del ratón en el casillero.
  • Seleccione Copiar del menú del contexto.
  • Ubique el cursor en el formulario después de la sección que aparece en el paso 1 y seleccione Pegar. Puede pegar oprimiendo Control-V, seleccionando Editar -> Pegar del menú del editor de texto, o haciendo clic con la tecla derecha (secundaria) del ratón y seleccionando Pegar del menú emergente de contexto que aparece.
3

Reemplace fieldX por el nombre del campo y labelX por la etiqueta del campo.

Ejemplo:

if (form.field3.selectedIndex == 0) {
  if (msg.length >0)
    msg+= ', ';
  msg += 'Reason for research';
}
4 Vuelva al paso 7 del procedimiento general.
Volver arriba

Agregar validación para un campo de botón de selección

Paso Acción
1

Baje varias líneas hasta que vea estas líneas:

if(question.length < 1) {
if(msg.length > 0)
  msg+=', ';
msg += 'Question';
}
2

Copie y pegue en el formulario las líneas del casillero de texto que está a continuación:

  • Haga clic en el botón Destacar todo, que está encima del casillero.
  • Con el código destacado, haga clic en el casillero con la tecla derecha del ratón.
  • Seleccione Copiar del menú del contexto.
  • Ubique el cursor en el formulario después de la sección que aparece en el paso 1 y seleccione Pegar. Puede pegar oprimiendo Control-V, seleccionando Editar -> Pegar del menú del editor de texto, o haciendo clic con la tecla derecha (secundaria) del ratón y seleccionando Pegar del menú de contexto que aparece.

3

Reemplace fieldX por el nombre del campo y labelX por la etiqueta del campo.

Ejemplo:

for (i=0, n=form.field3.length; i<n; i++) {
  if (form.field3[i]Checked) {
    var checkvalue = form.field3[i]Value;
    break;
    }
  }
if (!(checkvalue)) {
  if (msg.length >0)
    msg+= ', ';
  msg += 'Status';
}
4
 Vuelva al paso 7 del procedimiento general.
Volver arriba