Habilitar elementos de un formulario

[yesmina]

hola chikos,

alguien sabe como habilitar los elementos de mi formulario con javascript haciendo clic en mi button del formulario?
No me funciona, sin embargo con el type="radio" si lo habilita..porke?????

ejemplo:

Código HTML:

<script language="JavaScript">
function habilita(form)

{ 
document.frmprov.ruc.disabled = false;

}
</script>

<form name="frmprov" method="post" enctype="multipart/form-data" >
  <table width="468" border="1">
    <tr>
      <td width="207">ID</td>
      <td>

			<input name="ruc" type="text" disabled value="" size="6">
			<input type="radio" name="boletin" value="si" checked onClick="habilita(this.form)"> SI
	  </td>
    <tr>
      <td>&nbsp;</td>
      <td>
	   <input name="Actualizar" type="submit"  value="Actualizar"  onClick="habilita(this.form)" style="border:1px solid; border-color:#004B97; background-color:#E6F2FF; color:#00376F; width:70px; height:20px; font-family:Verdana; font-size:11px; cursor:hand; elevation:lower"> 

	  </td>
    </tr>
  </table>
 </form> 

Agradeceré sus comentarios

[TurKa]

Hola yesmina, cómo estás?
Lo que sucede es que el botón que estás utilizando es un botón de envío "submit), entonces lo que el botón hace es enviar directamente el formulario.

Lo que te conviene hacer es colocar un botón normal (type="button") y que al presionarlo primero habilite el campo y tras el segundo clic te envíe el formulario.

Todo depende de cual desees que sea la función de ese botón.

Entonces, el botón, podrías probar con:

<input name="Actualizar" type="button" value="Actualizar"

Y para que luego lo envíe utilizas la función form.submit()
Donde y como vayas a colocar esta función dependerá del objetivo del formulario.

Saludos!!!

[yesmina]

hola,

ya casi me funciona..pero aun tengo errores :(

Código HTML:

<script language="JavaScript">
function Habilitar(form)

{ 
form.id.disabled = false;
form.ruc.disabled = false;
form.razon.disabled = false;
form.espe.disabled = false;
form.dire.disabled = false;
form.fono.disabled = false;
form.est.disabled = false;
form.guardar.disabled = false;

}
function Verificar(form){
	var msg = '';
	enteroValidado = validarEntero(document.frmprov.ruc.value) 
	
	if (enteroValidado == "")	msg = msg + " - Debe ingresar el RUC correctamente\n";
	if (frmprov.razon.value == "") msg = msg +  " - Debe ingresar la Razon Social'\n";
	if (frmprov.espe.value == "") msg = msg +  " - Debe ingresar la Especialidad'\n";	
	if (frmprov.dire.value == "") msg = msg +  " - Debe ingresar la Direccion'\n";	
	if (frmprov.fono.value == "") msg = msg +  " - Debe ingresar el telefono'\n";	
	
	if (msg != "") 
	{
		alert('OCURRIERON LOS SIGUIENTES ERRORES\n\n'+msg);
		return false;
	}
	else {document.frmprov.submit();
	
	
	} 
	
}
</script>

<form name="frmprov" method="post" action="proceso.asp" enctype="multipart/form-data">
  <table width="339" border="1">
    <tr>
      <td width="207" class="campo">ID</td>
      <td>
			<?php
			$cod = $_GET['cod'];
			$datos = get_proveedor_d($cod);
			?><input name="id" type="text" class="campo1" disabled value="6" size="0"  >
	  </td>
    </tr>
    <tr>
      <td class="campo">Ruc</td>
      <td>
		<input name="ruc" type="text" class="campo1" disabled value="<? echo $datos["ruc"] ?>" size="14">
	  </td>
    </tr>
    <tr>
      <td class="campo">Raz&oacute;n Social </td>
      <td><input name="razon" type="text" class="campo1" disabled value="<? echo $datos["razon_social"] ?>" size="50"></td>
    </tr>
    <tr>
      <td class="campo">Especialidad</td>
      <td><input name="espe" type="text" class="campo1" disabled value="<? echo $datos["especialidad"] ?>" size="80"></td>
    </tr>
    <tr>
      <td class="campo">Direcci&oacute;n</td>
      <td><input name="dire" type="text" class="campo1" disabled value="<? echo $datos["direccion"] ?>" size="80"></td>
    </tr>
    <tr>
      <td class="campo">Telefono/Celular/Fax</td>
      <td><input name="fono" type="text" class="campo1" disabled value="<? echo $datos["telefono"] ?>" size="14"></td>
    </tr>

    <tr>
      <td class="campo">Estado</td>
      <td><select name="est" class="campo1" disabled="disabled">
	  <option value="<? echo $datos["estado"] ?>">Habilitado</option>
	  <?php 
	  
	  if ($datos["estado"]==1) {?>
        <option value="<? echo $datos["estado"] ?>" selected>Habilitado</option>
		<option value="0">Deshabilitado</option>
		<?php }
	   else {?>
        <option value="<? echo $datos["estado"] ?>" selected>Deshabilitado</option>
		<option value="1">Habilado</option>
      </select>
	 <?php }?>
	  </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><input name="guardar" type="submit"  disabled class="boton" id="guardar"  value="Guardar" onClick="Verificar(this.form)">
		  <input type="hidden" name="tipo" value="u">	  
	      <input name="a" type="submit"  class="boton" id="a"  value="Actu" onClick="Habilitar(this.form)"></td>
    </tr>
  </table>
</form>

-->>Me funciona , pero al final siempre me redirecciona a la otra pagina , mas bien cuando hago un BACK, y vuelvo a hacer clic en elbotón Actualizar, habilita los campos ..porkee sucede esto?¿?

Se supone ke solo tiene ke hacer submit cuando haga clic en el boton Guardar, hacer la verificacion y si correcta, envia los datos a la otra pagina..

Por Favor alguien ke me ayude...

PD:No hagas caso a las partes ke estan en php.

[TurKa]

yesmina...
Al botón Actualizar lo tienes que cambiar como te dije anteriormente (tipo "button" y no "submit").

<input name="a" type="button" class="boton" id="a" value="Actu" onClick="Habilitar(this.form)">

Y con el botón "guardar", exactamente lo mismo, ya que no podrá validar sino que enviará el form directamente:

<input name="guardar" type="button" disabled class="boton" id="guardar" value="Guardar" onClick="Verificar(this.form)">

[yesmina]

Muchas Gracias, ya me funciona correctamente.

Ahora tengo otro problema, espero puedas ayudarme nuevamente, aki te el mensaje ke envie a este mismo FORO,

http://www.forosdelweb.com/f13/enviando-variables-por-url-494710/

[yesmina]

holas espero me puedan ayudar,AHORA TENGO OTRO PROBLEMA.

-->aqui les envio en codigo:InsertarBC.php

Código HTML:

function Deshabilitar(form){ 
	form.cat.disabled = true;
	form.subcat.disabled = true;
	form.activo.disabled = true;
	form.nom.disabled = true;
	form.descri.disabled = true;
	form.acceso.disabled = true;
	form.guardar.disabled = true;
	form.detalle.disabled = false;
}
</script> 

Código PHP:

  <form name="frmbcono" method="post" action="procBConocimiento.php" enctype="multipart/form-data"> 
 
//......aki estan los elemtos que desea deshabilitar 
 
   <input type="submit" name="guargar"  class="boton" value="Guardar" onClick="Deshabilitar(this.form)" > 
   <input type="hidden" name="tipo" value="ibconocimiento">          
   <input type="submit" name="detalle"  class="boton" value="Registrar Detalle" disabled>     
       
</form>  
   

-->La función Deshablitar NO FUNCIONA

espero puedan ayudarme..GRACIAS

[TurKa]

Hola Yesmina...
El error es que esta vez, también continuas usando un botón "submit". Tenés que usar un botón tipo "button".

<input type="button" name="guargar" class="boton" value="Guardar" onClick="Deshabilitar(this.form)" >

Cuando trabajes con formularios y Javascript SIEMPRE tené en cuenta que a el botón submit tiene "incorporada" (por llamarlo de algún modo) la función submit() y es la única que llevará a cabo. Entonces cuando necesites hacer algo ANTES de enviar, SIEMPRE necesitarás un botón tipo button (type="button"), sino, la función submit() se ejecutará ANTES de cualquier otra función a la cual llames.

Saludos!