Wie zu binden eine Veranstaltung für alle Eingaben der form?

Ich habe ein Formular mit Eingaben (mit der id ' s). Und ich brauche zum binden von einem Ereignis klicken Sie auf jede Eingabe in dieser form.

Nun, verwende ich diese Konstruktion:

    $("#siteAdress").click(function(){
        $("#reg-login").click();
    });
    $("#phoneNumber").click(function(){
        $("#reg-login").click();
    });
    $("#reg-email").click(function(){
        $("#reg-login").click();
    });
    $("#reg-login").click(function(){
        //DO SOMETHING
    });

Wie es zu optimieren?

InformationsquelleAutor skywind | 2012-01-25
  1. 16

    Der einfachste Weg ist wahrscheinlich, um eine Klasse auf alle Elemente, die Sie brauchen, zu binden und verwenden Sie es:

    $(".event-user").click(function() { /* do something */ })

    Ist dies nicht eine option, können Sie eine id für Ihr Formular und Abfrage alle seine input-Kinder:

    $("#my-form input[type=text]").click(function() { /* do something */ })

    Und wenn beides nicht möglich ist, können Sie immer verwenden Sie eine durch Kommas getrennte Liste von Selektoren:

    $("#siteAddress, #phoneNumber, #reg-email, #reg-login")
    .click(function() { /* do something */})
    InformationsquelleAutor zneak
  2. 2

    Abhängigkeit von der Art der Eingänge, die Sie haben, könnten Sie tun es grob oder feine Körnung ist es. Zum Beispiel, wenn Sie alle input Elementen, tun Sie es einfach allgemein:

    $('input').click(function(){ ... });

    Sonst, wenn Sie es tun wollen, speziell für text-input-Typen, zum Beispiel, können Sie dies tun:

    $('input[type="text"]').click(function(){ ... });

    Es ist alles in den Selektoren! Hoffe, das hilft...

    InformationsquelleAutor Chris Kempen
  3. 1

    Verwenden Sie diese

    $("form input:text").click(function(){
  $("#reg-login").click();
});
    InformationsquelleAutor sathishkumar
  4. 1
       $('form input').click(function (e) {
            SearchForm();//Call function you want
            return false; 
        });

   $('form input').keypress(function (e) {
            SearchForm();//Call function you want
            return false; 
   });
    InformationsquelleAutor Rehan Khan
  5. 0

    Sollten Sie den Allgemeinen > sign. Das heißt, Sie können Holen Sie sich die Formular-id und dann mit einer Zeile anfügen, die Klick-Funktion an alle Kinder: 

    $('#formId > input').each(function () {
    $(this).click(function () {
        //SOME CODE - btw you can ge the value with this.value;
    })
});

    hoffe, das hilft.

    InformationsquelleAutor cristian
Schreibe einen Kommentar