Hide Form Using JavaScript April 06, 2023 Post a Comment Javascript: function next(a) { if(a==1) { document.getElementById('form1').style.display='none'; } } HTML: Solution 1: You need to use return false <form onsubmit="return next(1)" action="add.php" method="post" id="form1"> Copy Then function next(a) { if(a==1){ document.getElementById("form1").style.display="none"; return false; } } Copy FIDDLE DEMO UPDATE: To Show the form <input type="Submit" value="Show" class="button" onclick="return showForm()" name="show"/> function showForm() { document.getElementById("form1").style.display="block"; return false; } Copy Solution 2: If you want the form to submit and are not plann9ing to use AJAX, you need the PHP to do the hiding when reloading the pageBaca JugaJquery Closest() Not Working For Me (or I'm Not Working For It)How Would I Detect Touch Screens In Jquery And Hide A DivCss Style Woocommerce Single Product Page if(isset($_POST['b1'])) { // name of your submit button $hide = true; ?> <input type="button" id="button1 value="click to show form again" /> <? } ?> <form id="form1" class="<? echo $hide?"hidden":"shown";?>"></form> Copy and add $(function() { $("#button1").on("click",function() { $("#form1").prop("class","shown"); }); }); Copy plus a css .hidden { display:none } .shown { display:block } Copy Share You may like these postsHow Do I Get Html Tag Value (div) In JavascriptHow To Create Changeable Width In Fixed Layout Table?Colums Resize When Using Jquery Ui's Toggle In IeHow To Add X Axis Padding In Chart Js Line Graph Post a Comment for "Hide Form Using JavaScript"
Post a Comment for "Hide Form Using JavaScript"