How to display javascript alert without reset form

Question

I have a form to be filled in and a popup javascript alert will be displayed if the Password and Re-Confirm Password does not match. However, once I click "OK"on the popup alert, the whole form is reset. But I just want the password to be blank again, not the whole form.

I tried this way:

if($pwd != $pwd2) {
    echo("<script type='text/javascript'>alert('Password does not match!')</script>");
}

I also tried the one below but still the same thing happened:

if($pwd != $pwd2) {
    ?>
    <script type="text/javascript">
        alert("Password does not match!");
    </script>
    <?php
}

you'll need to generate the form elements with the values submitted. — Garr Godfrey, Jul 06 '17 at 03:27
You need to put the values that were submitted into the values of the form when it's redisplayed — Barmar, Jul 06 '17 at 03:28
@Barmar oh i see.. so there is no other way to prevent the form from reloading after alert ? — NFSJ, Jul 06 '17 at 03:30
i think maybe you can use `localStorage` , if backend check ok to delect data, else set data to every input you want. — GuaHsu, Jul 06 '17 at 03:36
you can do one thing on click of submit button did validation using js for alert....and also do server side validation for prevent hacking — Parth Chavda, Jul 06 '17 at 03:36
https://stackoverflow.com/questions/13851528/how-to-pop-an-alert-message-box-using-php This Question Is Already Asked Answer On this Link. — Ravi singapuri, Jul 06 '17 at 04:46

score 0 · Answer 1 · answered Jul 06 '17 at 06:12

Your validation is on server side, once you hit the server the form gets reset everytime, for showing validation error from server you need to pass the values to the form again with errors. If you want to show the alert on validation error, use client side validation with jQuery or simple JS. In this way your form's values remain the same and the alert will be popped up.

score 0 · Answer 2 · answered Jul 06 '17 at 06:23

if you really need using php

<?php
$pwd = isset($_REQUEST['pwd']) ? $_REQUEST['pwd'] : "";
$pwd2 = isset($_REQUEST['pwd2']) ? $_REQUEST['pwd2'] : "";

if($pwd != $pwd2) {
    echo("<script type='text/javascript'>alert('Password does not match!')</script>");
}
>
<input name"pwd" value="<?php echo $pwd; ?>">
<input name"pwd2" value="<?php echo $pwd2; ?>">

score 0 · Answer 3 · answered Jul 06 '17 at 06:33

If you want other input fields not to be empty after submission you should try this using php. Let's say your input field is username.

$username = $_POST['username'];
<input type="text" name="username"  value="<?php echo htmlentities($username); ?>">

When you use this, after you clicked ok and get the alert, your username field will not be empty. The value you entered will appear in the text field.

score 0 · Answer 4 · answered Jul 07 '17 at 04:31

0

Try this code to solve your problem.

$username = $_POST['username'];
$password = $_POST['password'];

<input type="text" name="username"  value="<?php echo htmlentities($username); 
?>">
<input type="password" name="password">

answered Jul 07 '17 at 04:31

Nuwan Nandika Dharmadasa

59
6

How to display javascript alert without reset form

4 Answers4