HOw to stay in the same page when form is not submitted

Question

1.67/5 (2 votes)

See more:

I have the following form

HTML

<form id="postForm" action="post.php" method="post">

and a post.php file. Both of them are working properly. I just need to make sure that when I check the checkbox the form is submitted and when I don't, it should stay on the same page.I found a few tutorials using jquery and ajax, but I was required to use Javascript. Can anyone help, thank you in advanced

JavaScript

function validate() {       
    if(document.getElementById('postTW').checked){
        document.getElementById("postForm").submit();
    }
    else{   
    }    
}

Posted 11-Jul-14 6:29am

Alexander24

Add a Solution

Comments

Sergey Alexandrovich Kryukov 11-Jul-14 13:17pm

Maybe there is a real problem here, but as you formulated it, it makes no sense: if a form is not submitted, no HTTP request happens, so you always stay on page. Having a check box to indicate "submitted" (are you really trying to do that?) looks absurd to me. Why?
—SA

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 11-Jul-14 14:54pm

Correct. Submit should happen with a button click. :)

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Peter Leow · Answer 1 · 2014-07-11T19:58:00

Make the validate function returns false if validation fails else true. Try this:
page1.html

XML

<!DOCTYPE html>
<html>
<head>
<script>
function validate() {
    var status = false;
    if(document.getElementById('postTW').checked){
        status = true;
    } else {
        alert("You forgot to check!");
    }
    return status;
}
</script>
</head>
<body>
<form id="postForm" action="post.php" method="post" onsubmit="return validate();">
<input type="checkbox" name="postTW" id="postTW" value="somevalue">Check to Submit
<input type="submit" value="Submit">
</form>
</body>
</html>

post.php

VB

<?php
echo "this is post.php";
?>

HOw to stay in the same page when form is not submitted

1 solution

Solution 1

Add your solution here

Preview 0

HOw to stay in the same page when form is not submitted

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us