einreichen machen Taste habe ich diese Funktion eine Funktion

Question

Basicly ausführen:

function testLength(){ 
    var input1 = document.getElementById("input1").value 
    var input2 = document.getElementById("input2").value 

    alert("test") 
    if (input1.length < 2 && input2.lenght < 2){ 
     alert("Please enter more then one symbol"); 
     return false 
    } 
} 

und ein intputs:

<input type="text" name="input1" id="input1"> 
<input type="text" name="input2" id="input1"> 
<input type="submit" onclick="testLength();" value="press me"> 

die Idee ist, wenn die Eingänge 1 Zeichen lang sind, nicht die Vorlage erlauben, aber obwohl Selbst wenn meine Eingaben 1 Zeichen lang sind, scheint es nicht in die if-Anweisung zu gehen, die (wie ich annehme) die submit-Schaltfläche stoppen sollte. Irgendeine Idee warum?

Answer 1

Sie an Dinge wie <form onsubmit="return testLength()"> aussehen sollte.

Die Funktion wird nicht übergeben, wenn die Funktion false zurückgibt.

Answer 2

Verwenden Sie das onsubmit Ereignis:

<form onsubmit="return testLength();"> 
    <input type="text" name="input1"> 
    <input type="text" name="input2"> 
    <input type="submit" value="press me"> 
</form> 

Für weitere Informationen, lesen Sie: How to prevent form from being submitted?

Answer 3

Unter der Annahme, dass Ihre Eingaben und Senden Schaltfläche in einem <form> Element sind, ist das Standardverhalten des Formulars (die eigentlich gesendet werden soll), was passieren wird. Vielleicht möchten Sie einen Ereignis-Listener für das Ereignis submit des Formulars hinzufügen und dort Ihre Validierungen durchführen.

HTML

<form id="my-form"> 
    <input type="text" name="input1"> 
    <input type="text" name="input2"> 
    <input type="submit" value="press me"> 
</form> 

Javascript

var form = document.getElementById('my-form'); 
form.onsubmit = function() { 
    var input1 = document.getElementById("input1").value 
    var input2 = document.getElementById("input2").value 

    alert("test") 
    if (input1.length < 2 && input2.lenght < 2){ 
     alert("Please enter more then one symbol"); 
     return false 
    } 
} 

Answer 4

Neben onsubmit, können Sie auch die eventlistener verwenden.

zB:

document.querySelector('').addEventListener('click', testLength); 

HTML

<form id="my-form"> 
    <input type="text" name="input1"> 
    <input type="text" name="input2"> 
    <input type="submit" id="submit" value="press me"> 
</form> 

JAVASCRIPT

document.getElementById('submit').addEventListener('click', testLength); 
    function testLength(){ 
    var input1 = document.getElementById("input1").value 
    var input2 = document.getElementById("input2").value 

    alert("test") 
    if (input1.length < 2 && input2.lenght < 2){ 
     alert("Please enter more then one symbol"); 
     return false 
    } 
} 

Der Ereignis-Listener mit querySelector und getElementByID nicht nur verwenden werden können, aber mit jedem Ziel Sie definiert siehe here auf der Dokumentation.