确认框中的密码 Javascript

Question

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:

<form action="log.php" method="post" onsubmit="return confirm('Are you sure?');">

Can I make it so when they confirm they have to fill in a password?

So what I mean is something like this

<form action="log.php" method="post" onsubmit="return confirm('password :');">

And then they have to fill in a password

Thanks in advance.

Answer 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();">

Answer 2

Try usinginput 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>

Answer 3

 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>