Hide Form Using Javascript January 08, 2024 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"> CopyThenfunctionnext(a) { if(a==1){ document.getElementById("form1").style.display="none"; returnfalse; } } CopyFIDDLE DEMO UPDATE: To Show the form<input type="Submit" value="Show"class="button" onclick="return showForm()" name="show"/> functionshowForm() { document.getElementById("form1").style.display="block"; returnfalse; } CopySolution 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 JugaHow To Include A Php File In A Html File Via A Php ScriptCount New Lines In Textarea To Resize Container In Php?Auto Refresh Wordpress Post Divif(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> Copyand add$(function() { $("#button1").on("click",function() { $("#form1").prop("class","shown"); }); }); Copyplus a css .hidden { display:none } .shown { display:block } Copy Share You may like these postsChange Css Through Jquery After A Click On A DivDiv Remains Visible After The Page ReloadsHow Do We Make It Such That When The User Clicks On Anywhere But The Popup Box, The Popup Box Will Close.Limit The Browser Windows Height Can Not Less Than 200 Px Using Jquery? Post a Comment for "Hide Form Using Javascript"
Post a Comment for "Hide Form Using Javascript"