Den 'Typ' eines Eingabeelements finden

Question

Ich möchte in der Lage sein, den Typ von etwas auf der Seite mit Javascript zu finden. Das Problem ist wie folgt: Ich muss überprüfen, ob ein bestimmter Bereich ein Kontrollkästchen/Optionsfeld/oder Textfeld ist.

Wenn es ein Kontrollkästchen oder Radio-Button hat es keine Länge (keine Zeichenfolgen drin), wenn es ein Textfeld ist, muss ich überprüfen, ob es Zeichen enthält. Die Seite wird dynamisch erstellt, manchmal kann ein Kontrollkästchen anders als ein Textfeld angezeigt werden.

Also mein Denken ist die Art der Eingabe zu finden, dann bestimmen, was zu tun ist.

Irgendwelche Vorschläge würden geschätzt.

Vielen Dank im Voraus.

Answer 1

Überprüfen Sie die type Eigenschaft. Würde das genügen?

Answer 2

Wenn Sie die Art der Eingabe in Form überprüfen möchten, verwenden Sie folgenden Code:

<script> 
    function getFind(obj) { 
    for (i = 0; i < obj.childNodes.length; i++) { 
     if (obj.childNodes[i].tagName == "INPUT") { 
      if (obj.childNodes[i].type == "text") { 
       alert("this is Text Box.") 
      } 
      if (obj.childNodes[i].type == "checkbox") { 
       alert("this is CheckBox.") 
      } 
      if (obj.childNodes[i].type == "radio") { 
       alert("this is Radio.") 
      } 
     } 
     if (obj.childNodes[i].tagName == "SELECT") { 
      alert("this is Select") 
     } 
    } 
} 
</script>  

<script>  
    getFind(document.myform); 
</script> 

Answer 3

Wenn Sie jQuery verwenden, können Sie leicht den Typ eines Elements überprüfen.

function(elementID){  
    var type = $(elementId).attr('type'); 
    if(type == "text") //inputBox 
    console.log("input text" + $(elementId).val().size()); 
    } 

In ähnlicher Weise können Sie die anderen Typen überprüfen und entsprechende Maßnahmen ergreifen.