javascript - display message on wrong password entry - Stack Overflow

admin管理员组

文章数量:1325231

I have a submit button which only works when "victory" is typed into the form. Now I am trying to work on an error message to display "wrong keyword entry" if the text entered into the form field isn't "victory". here is the code

<form name="input" action="index.html" method="post" onsubmit="return check();">
<input type="text" maxlength="7" autoplete="off" name="" id="victory">

<br><input type="submit" class="bigbutton"  value="NEXT">

</form>    
<script>

function check(){
if(document.getElementById("victory").value == "victory")
    return true;
else 
   return false;

}

I have a submit button which only works when "victory" is typed into the form. Now I am trying to work on an error message to display "wrong keyword entry" if the text entered into the form field isn't "victory". here is the code

<form name="input" action="index.html" method="post" onsubmit="return check();">
<input type="text" maxlength="7" autoplete="off" name="" id="victory">

<br><input type="submit" class="bigbutton"  value="NEXT">

</form>    
<script>

function check(){
if(document.getElementById("victory").value == "victory")
    return true;
else 
   return false;

}

• javascript
• html
• forms
• function

Share Improve this question Follow edited Aug 1, 2014 at 10:45 user3487121 asked Aug 1, 2014 at 10:07 user3487121user3487121 5311 gold badge11 silver badge1111 bronze badges 2

• When you say "work on", what exactly do you want it to do? – Craig Brett Commented Aug 1, 2014 at 10:15
• I don't want a pop out notification. Something to appear on the page itself @CraigBrett – user3487121 Commented Aug 1, 2014 at 10:20

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

If I were you I'd add an HTML element to stuff an error into. Then you can style it with CSS however you'd like.

<div id="error"></div>

Then your function would look something like this:

function check(){
    if(document.getElementById("victory").value == "victory")
        return true;
    else 
        document.getElementById("error").innerHTML = "Wrong keyword entry."
        return false;
}

You can simply add the alert in the else condition…

function check(){
   if(document.getElementById("victory").value == "victory") {
        return true;
   }
   else {    
        alert("wrong keyword entry");
        return false;
   }
 }

本文标签： javascriptdisplay message on wrong password entryStack Overflow