Anzeige von Fehlermeldungen ohne Verwendung von Alert in Javascript/HTML

Ich versuche, eine Validierungsfehlermeldung ohne Verwendung einer Warnmeldung anzuzeigen. Aber es funktioniert nicht. Zuvor habe ich "innerHTML" erfolgreich verwendet. Aber ich verstehe nicht, warum es hier nicht funktioniert. Das ist mein Code.Anzeige von Fehlermeldungen ohne Verwendung von Alert in Javascript/HTML

function validate() 
 
{ 
 
    if(document.regform.fname.value.length=="") 
 
    { 
 
     document.getElementById("error").innerHTML="error"; 
 
    }  
 
}

<header> 
 
    <h1>SIGN UP</h1> 
 
</header> 
 
<div class="div1"><img src="img.jpg" width="250px"></div> 
 
<div class="div2" id="div2"> 
 
    <form name="regform" onsubmit="return validate()"> 
 
    <label><input type="text" name="fName" id="fna"></label> 
 
    <input type="submit" name="submit" value="Sign Up" > 
 
    <p id="error"></p> 
 
    </form> 
 
</div> 
 

 
<footer></footer>

Quelle

2017-07-30 Udara Navarathna

Lassen Sie mich raten, Ihre Form blinkt nur und dann neu geladen? – j08691

Mögliches Duplikat von [javascript zum Erstellen einer Validierungsfehlermeldung ohne Verwendung der Warnung] (https://stackoverflow.com/questions/13689832/javascript-how-to-create-a-validation-error-message-without-using-use- Alarm) – Nisarg

Es gibt einige Fehler in Ihrem Code. Zuerst ist der Name fName aber Sie verwenden fname und dann müssen Sie length durch einen ganzzahligen Wert nicht leere Zeichenfolge vergleichen.

Auch Sie möchten die Einreichung stoppen, wenn ein Fehler aufgetreten ist. Daher geben Sie bei einem Fehler false zurück. Versuchen Sie dies.

function validate() { 
 
    if (document.regform.fName.value.length == '0') { 
 
    document.getElementById("error").innerHTML = "error"; 
 
    return false; 
 
    } 
 
}

<body> 
 
    <header> 
 
    <h1>SIGN UP</h1> 
 
    </header> 
 
    <div class="div2" id="div2"> 
 
    <form name="regform" onsubmit="return validate()"> 
 

 
     <label><input type="text" name="fName" id="fna"></label> 
 
     <input type="submit" name="submit" value="Sign Up"> 
 
     <p id="error"></p> 
 
    </form> 
 
    </div> 
 
    <footer></footer> 
 
</body>

Hoffe, dass es funktioniert.

Quelle

2017-07-30 03:49:12

Einrückung Ihrer Antwort, und machen Sie ein Schnipsel – Durga

@Anup es funktioniert. Scheint, ich muss beim Codieren vorsichtiger sein .. danke –

Anzeige von Fehlermeldungen ohne Verwendung von Alert in Javascript/HTML

Antwort

Verwandte Themen