Gleiche Funktion auf beliebige Anzahl von Eingängen Elementen javascript

Question

ich mehrere Elemente wie diese:

<input type="text"> 

Und ich will, Schrägstriche hinzufügen (/), so ist der Ausgang eine Datumsmaske.

ich die folgende Funktion, bin mit der IDs auf

$(document).ready(function() { 
    $("#fecha").keyup(function(){ 
     if ($(this).val().length == 2){ 
      $(this).val($(this).val() + "/"); 
     }else if ($(this).val().length == 5){ 
      $(this).val($(this).val() + "/"); 
     } 
    }); 

gilt nur, wie ich die obige Funktion ändern kann ein Datumsformat Maske zu tun?

Answer 1

Wählen Sie alle input type="text" Elemente innerhalb des übergeordneten Elements aus, in dem der Ereignishandler keyup aufgerufen werden soll. Sie können alternativ eine gemeinsame .className an den Elementen gesetzt und .className Wähler $(".date")

$(document).ready(function() { 
 
    $("#form input[type=text]").keyup(function() { 
 
    if (this.value.length == 2) { 
 
     $(this).val(this.value + "/"); 
 
    } else if (this.value.length == 5) { 
 
     $(this).val(this.value + "/"); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
 
</script> 
 
<form id="form"> 
 
    <input type="text" /> 
 
    <input type="text" /> 
 
</form>