bueno, ahora tengo esta casilla de verificación que habilitar /deshabilitar el botón de enviar para mi estado de forma.

Simplemente tengo este código para la activación /desactivación se

onclick="if(this.checked){this.form.submit_btn.disabled=false}else{this.form.submit_btn.disabled=true};this.blur();"

ahora me pregunto cómo puedo hacer para que si hacen clic en el botón cuando está desactivada, la han alerta de ellas con un determinado mensaje.

para agregar un evento onclick del botón y tiene que ser como

if(this.disabled=true){alert('Button disabled!');}

o algo similar? Soy bastante nuevo en todo el onclick cosas.

Gracias

  • Yo no creo que esto es especialmente necesario en los navegadores estilo movilidad botones para mirar como tal, y ver como no se toma ninguna acción (o «botón de abajo» estilo se aplica) cuando se pulsa el botón, usted no necesita otra notificación diciendo a los usuarios el botón está desactivado.
  • onClick no funciona cuando el botón está desactivado, que es el punto de deshabilitar el botón. En lugar de mostrar el mensaje dentro de un span o div sobre el botón para aceptar los términos y condiciones (si es el caso), haga clic en casilla de verificación
  • No demasiado bueno en JS… Pero en JQuery que usted sería capaz de hacer mouseenter/hover o así a la punta al usuario de que la casilla de verificación que necesita ser llenado. Usted debería ser capaz de añadir un evento click a diferencia de la OnClick comando 🙂
  • bueno, ahora el botón de estilo con una imagen que no cambia, podría yo tener que cambiar la imagen del botón cuando está desactivada?
InformationsquelleAutor Belgin Fish | 2011-09-09

3 Comentarios

  1. 8

    No sabe lo que vale, pero en jQuery iría como:

    //Not tested!    
    $(document).ready(function(){
      $('#myButton').click(function(){
         if($(this).is(':disabled')) { 
             alert('No need to click, it\'s disabled.');
         } 
      });
    });

    No veo el punto. ¿Por qué molestar a alguien con un mensaje, mientras que el botón ya está deshabilitada (y el navegador muestra de ello).

    • bueno, la razón que necesitan un mensaje es porque el botón está decorado con una imagen, la imagen no cambia cuando el botón está deshabilitado por lo tanto, los usuarios no tienen manera de saber si los botones desactivados o no, y puede pensar que algo anda mal con el sitio web cuando se haga clic en él y no hacer nada.
    • ¿Por qué no usar Javascript o jQuery así lo desea) para cambiar la imagen de fondo de la imagen, más que indica que el botón no se puede hacer clic en lugar de mostrar un mensaje?
    • gracias por la sugerencia! 🙂 Lo que terminó haciendo que en su lugar 🙂
    • Me alegra poder ayudar!
  2. 4

    No se puede bueno, al menos no directamente, de todos modos. Cuando un botón está deshabilitado, entonces se desactiva y eso significa que también los incendios no hay eventos.

    Ahora.. que dijo, hay una manera que usted puede conseguir alrededor de él, si es absolutamente necesario.

    Esencialmente, usted puede hacer el trabajo por el uso de 2 divs y un botón así:

        <div>
          <div id="overlay" style="display:hidden; z-order:99999">&nbsp;</div>
          <button id="mybtn">My Button to click</button>
        </div>

    Establece la superposición del div con fondo de color transparente, y cuando se deshabilita el botón de mostrar la superposición de div.

    Porque el div es transparente, no debería ver NINGÚN cambio en el botón, pero al hacer clic en él se traducirá en la clics llegar recogido por la transparencia de la div primera.

    A continuación, conecte su controlador haga clic en a la superposición de div, y el resultado es que puede desencadenar un mensaje que aparece (pero no realmente) que se apareció por un clic en el botón desactivado.

    • Que nunca me dio el -2 por esto, me gustaría saber la razón por qué? Es justo…
    • No sé por qué alguien podría -1 :O yo te di +1 🙂
    • buena explicación. gracias
    • me alegro de que era útil
  3. 0

    Lugar usted puede cambiar el estilo de imagen con escala de grises enfoque.

    img {
      filter: gray; /* IE6-9 */
      filter: grayscale(1); /* Firefox 35+ */
      -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    }

Dejar respuesta

Please enter your comment!
Please enter your name here