Passwords in javascript are trivial to circumvent, and in this case, they could find the password by looking at the source.
Having said that, you could trigger your code by using onclick - <div class="mymenu" onclick="password();">
EDIT:
Also, (!pass1) is invalid syntax, did you mean (pass==null)?
freeCodeCamp
forum.freecodecamp.org › javascript
Making an alert if the user email or password is wrong - JavaScript - The freeCodeCamp Forum
January 7, 2022 - I have some code that will run when a button is clicked on another page. The code looks for the student email and password, what I am trying to do is if email is right and the password is wrong then alert that the password is wrong. If the password is right, and email is wrong then alert the ...
php - Password in confirm box Javascript - Stack Overflow
I have a Delete button in my PHP page which deletes a record. But when I delete that button I do a confirm box with: More on stackoverflow.com
How can I hide the password entered via a JavaScript dialog prompt? - Stack Overflow
How can I hide the password entered by a user in a dialog prompt in JavaScript? For example, using something like var passwd = prompt("Enter Password : ", "your password here"); I would like that ... More on stackoverflow.com
HTML/Javascript - username and password - Stack Overflow
This html code below is suppose to execute and launch an alert asking for a username and if you get the username correct than it will ask for a password but nothing happens if i open this page in a browser. Why this doing this? What am I missing? Please don't tell me this is a unsecure way to do this I already know I'm just improvising until I implant a better way. More on stackoverflow.com
Creating a basic JavaScript password prompt for webpage closure
Hey everyone! I’m working on a small project for my phone. It doesn’t have a built-in lock screen, so I want to make a simple JavaScript app to do the job. Here’s what I’m thinking: When you open the webpage, it asks for a password If you type the right password, the page closes If ... More on community.latenode.com
0
0
March 11, 2025Videos
05:21
Password Validation in JavaScript|| Form Validation|| Code With ...
09:24
Show / Hide Password using HTML CSS and JavaScript | Toggle Password ...
24:59
How To Build A Password Validation Checker Using JavaScript - YouTube
22:58
Create a Show/Hide Password Field with JavaScript (No Plugins!) ...
17:29
Javascript Password Checker Tutorial - YouTube
Reddit
reddit.com › r/learnjavascript › making alerts for incorrect username and password
r/learnjavascript on Reddit: Making alerts for incorrect username and password
January 7, 2022 -
I have some code that will run when a button is clicked on another page. The code looks for the student email and password, what I am trying to do is if email is right and the password is wrong then alert that the password is wrong. If the password is right, and email is wrong then alert the user about the email being wrong. If both password and email are wrong then alert that both are wrong. My problem right now is even if the password and email are right, I am still getting the alert that the email is wrong, and the alert that both are wrong
onLogin(): any {
var emailInput = (<HTMLInputElement>document.getElementById('emailInput')).value.trim();
var passInput = (<HTMLInputElement>document.getElementById('passInput')).value.trim();
var emailFormat = "^[a-zA-Z0-9+_.-]+@[a-zA-Z0-9.-]+$";
if(!emailInput.match(emailFormat)){
alert("Please enter a valid email!");
}
if(passInput ==''){
alert("Password field can not be empty!");
}
for (let i = 0; i < this.Student.length; i++) {
if (emailInput == this.Student[i].email) {
console.log('email success');
if (passInput == this.Student[i].password) {
console.log('pasword success');
//get the id
console.log(this.Student[i]._id);
this.studentId = this.Student[i]._id;
localStorage.setItem("studentId", this.Student[i]._id);
this.ngZone.run(() => this.router.navigateByUrl('/course-list'))
} else if (emailInput == this.Student[i].email && passInput !== this.Student[i].password){
alert('Password is incorrect for this email!');
console.log('password fail');
}
} else if (emailInput !== this.Student[i].email && passInput == this.Student[i].password) {
alert("Email is incorrect for this password!");
console.log('email fail');
}
else if (emailInput !== this.Student[i].email && passInput !== this.Student[i].password) {
alert("Both password and email are incorrect!");
}
else{
console.log("successful login");
}
}
} Top answer 1 of 2
2
Not an answer to your code. But for best security purpose it is bad practice to say exactly what field is incorrect. If email or password is incorrect it is better to just display "Incorrect email/password" as a warning. A potential hacker would try a bunch of e-mails and when your site says only wrong password, they will know that the email is correct or vice versa. And the code could be simplified a lot also. Instead of iterating all student, just use find like this and if you find a student where email and password is the same as emailInput and passInput you have found the correct user. const user = this.Student.find(student => student.email === emailInput && student.password === passInput); if (user) { // we have user in database console.log("successful login); } else { console.log("login failed" }
2 of 2
1
Probably because it's running that check for each item in Student. You probably do something like this: const student = this.Student.find(({ email }) => email === emailInput); if (student) { console.log('email success'); if (passInput === student.password) { console.log('success') } else { console.log('wrong password') } } else { console.log('user not found') }
SheCodes
shecodes.io › athena › 4062-how-to-alert-the-value-of-password-input-on-form-submit
[JavaScript] - How to Alert the Value of Password Input on Form Submit
Learn how to create a JavaScript function to alert the value of a password input when submitting a form.
Top answer 1 of 3
1
Hi You Need some thing like this, Modify according to your requirements
<script>
function do_check()
{
var return_value=prompt("Password:");
if(return_value==="your_password")
return true;
else
return false;
}
</script>
<form action="log.php" method="post" onsubmit="return do_check();">
2 of 3
0
Try using input type="password" , required attribute` ; disable submit until password set
document.forms["form"].querySelector("input[type=button]").onclick = function(e) {
e.preventDefault();
this.nextElementSibling.disabled = false;
this.nextElementSibling.nextElementSibling.disabled = false;
}<form name="form">
<input type="button" value="Are you sure?" />
<input type="password" minlength="3" maxlength="7" required disabled />
<input type="submit" disabled />
</form>SheCodes
shecodes.io › athena › 2337-alert-the-value-of-a-password-input-with-javascript
[JavaScript] - Alert the Value of a Password Input with | SheCodes
Learn how to use JavaScript to alert the value of the password input when a form is submitted
W3Resource
w3resource.com › javascript › form › password-validation.php
JavaScript : Password validation - w3resource
August 19, 2022 - function CheckPassword(inputtxt) { var paswd= /^(?=.*[0-9])(?=.*[!@#$%^&*])[a-zA-Z0-9!@#$%^&*]{7,15}$/; if(inputtxt.value.match(paswd)) { alert('Correct, try another...') return true; } else { alert('Wrong...!') return false; } } ... To validate the said format we use the regular expression ^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,15}$. Next the match() method of string object is used to match the said regular expression against the input value. Here is the complete web document. ... <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>JavaScript form valid
Top answer 1 of 9
19
Are you looking for the prompt function?
var response = prompt("What is your name?");
alert("Hello, " + response);
The dialog will look something like this:
This this probably isn't the best way to get password input, because it does not mask the input. Instead, consider using an HTML form with a password input field.
Maybe you are looking for basic HTTP authentication instead?
You can set this by getting your web server to send a few headers; for example with PHP:
<?php
if (!isset($_SERVER['PHP_AUTH_USER'])) {
header('WWW-Authenticate: Basic realm="My Realm"');
header('HTTP/1.0 401 Unauthorized');
echo 'Text to send if user hits Cancel button';
exit;
} else {
echo "<p>Hello {$_SERVER['PHP_AUTH_USER']}.</p>";
echo "<p>You entered {$_SERVER['PHP_AUTH_PW']} as your password.</p>";
}
?>
This will cause the client to show a dialog like this:
2 of 9
17
You cannot mask the input with a JavaScript window.prompt()
Consider using a jQuery UI Modal Form Dialog.
http://jqueryui.com/dialog/#modal-form
The Art of Web
the-art-of-web.com › javascript › validate-password
Password Validation using regular expressions and HTML5
As you can see from the screenshot above the alert message in Firefox for when the input doesn't match the pattern attribute is simply "Please match the requested format.". Not entirely helpful in this case where we have a number of different requirements. Fortunately it is possible to customise this message using just a touch of JavaScript. The only change between this and the previous example is that we've modified the onchange handler for the Password input and added one for Confirm Password: <form method="POST" action="..." onsubmit="return checkForm(this);"> <fieldset> <legend>Change Pass
GeeksforGeeks
geeksforgeeks.org › javascript › how-to-validate-confirm-password-using-javascript
How to validate confirm password using JavaScript ? - GeeksforGeeks
July 23, 2025 - JavaScript function validate_password() is triggered on every keyup event in the password confirmation field. It compares the password and confirmation password values and provides visual feedback, disabling the submit button if the passwords ...
Quora
quora.com › How-do-I-create-a-new-popup-window-for-a-username-and-password-in-JavaScript
How to create a new popup window for a username and password in JavaScript - Quora
JavaScript (programming l... ... Web Development and Desig... ... To create a new popup window that collects a username and password in JavaScript, use a small, focused window opened with window.open and render a simple HTML form in it.
Top answer 1 of 2
2
You are missing some braces. Corrected code (fiddle: http://jsfiddle.net/RyjhP/1/):
var user1="grant";
var username=prompt('Please Log in. Username:',' ');
if (username==user1){
var pass1="password";
password=prompt('If you are suppose to be here you have a password. Please type it now:',' ');
if (password==pass1){
alert("correct!")
}
else {
window.location="wrongpassword.html";
}
}
else {
window.location="wrongpassword.html";
}
2 of 2
2
short way to do that.
js
window.onload=function(){
window.location=prompt('Enter Pass')!='password'?'wrong.html':'ok.html'
}
example
http://jsfiddle.net/6KzDJ/
but this is a very bad thing.
you should check the password from a secure location with ajax.
Latenode
community.latenode.com › other questions › javascript
Creating a basic JavaScript password prompt for webpage closure - JavaScript - Latenode Official Community
March 11, 2025 - Hey everyone! I’m working on a small project for my phone. It doesn’t have a built-in lock screen, so I want to make a simple JavaScript app to do the job. Here’s what I’m thinking: When you open the webpage, it asks for a password If you type the right password, the page closes If ...
SheCodes
shecodes.io › athena › 40437-how-to-alert-the-value-of-a-password-input-on-form-submission-in-html
[HTML] - How to alert the value of a password input on form submission in HTML
Learn how to create a simple form that alerts the value of the password input field on submission using HTML and JavaScript
Top answer 1 of 3
27
Just add onsubmit event handler for your form:
<form action="insert.php" onsubmit="return myFunction()" method="post">
Remove onclick from button and make it input with type submit
<input type="submit" value="Submit">
And add boolean return statements to your function:
function myFunction() {
var pass1 = document.getElementById("pass1").value;
var pass2 = document.getElementById("pass2").value;
var ok = true;
if (pass1 != pass2) {
//alert("Passwords Do not match");
document.getElementById("pass1").style.borderColor = "#E34234";
document.getElementById("pass2").style.borderColor = "#E34234";
return false;
}
else {
alert("Passwords Match!!!");
}
return ok;
}
2 of 3
3
if ($("#Password").val() != $("#ConfirmPassword").val()) {
alert("Passwords do not match.");
}
A JQuery approach that will eliminate needless code.
ASPSnippets
aspsnippets.com › Articles › 1374 › Password-and-Confirm-Password-validation-using-JavaScript-and-jQuery
Password and Confirm Password validation using JavaScript and jQuery
August 29, 2022 - Validate JavaScript function, the values of the Password and the Confirm Password TextBoxes are fetched and are compared. If the values do not match an error message is displayed using JavaScript Alert Message Box and False value is returned in order to stop the form submission.
CodePen
codepen.io › Haagimus › pen › dPrewE
JS Password prompt
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
Top answer 1 of 2
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;
}
2 of 2
1
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;
}
}
W3Schools
w3schools.com › howto › howto_js_password_validation.asp
How To Create a Password Validation Form
Learn how to create a password validation form with CSS and JavaScript.