He insertado en algunos campos de texto de un formulario "un spry de campo de texto" para sean obligatorios y no se pueda tabular de un campo a otro sin estar rellenos .
Cuando he publicado este formulario me salen estos campos requeridos o mejor dicho sus etiquetas, por ejemplo " falta el apellido" o "se necesita un nombre" visibles directamente sin que haya introducido ningun dato. Mi pregunta es
¿ Como puedo hacer para que estos avisos no sean visibles inicialmente antes de introducir los datos ?.
Os envio una muestra de un spry y los códigos correspondientes de JavaScripts.
Un saludo.
--------------------------------------------------------------------------------------------------------
<div id="inscripcion">
<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1">
<table width="67%" align="center">
<tr valign="baseline">
<td height="70" colspan="3" align="right" nowrap="nowrap"> </td>
</tr>
<tr valign="baseline">
<td height="30" align="right" nowrap="nowrap">*Nombre:</td>
<td align="right" nowrap="nowrap"> </td>
<td><span id="sprytextfield1">
<input type="text" name="Nombre" value="" size="52" />
<span class="textfieldRequiredMsg">Se necesita un nombre.</span></span></td>
------------------------------------------------------------------------------------------------------
<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur"]});
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "none", {validateOn:["blur"]});
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "none", {validateOn:["blur"]});
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4", "none", {validateOn:["blur"]});
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5", "email", {validateOn:["blur"]});
var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6", "none", {hint:"A"});
var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1", {minChars:5, maxChars:500, counterId:"countsprytextarea1", counterType:"chars_remaining"});
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1", {validateOn:["blur"]});
var spryselect2 = new Spry.Widget.ValidationSelect("spryselect2", {validateOn:["blur"]});
//-->
</script>
