Hide Form Using Javascript March 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 JugaReplacing Html Within An Iframe JqueryJquery + Svg Object: Capture Click Event ProperlyPhp + Jquery Change Value Of Textbox According To Two Dropdownif(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 postsClient-side Vs. Server-side Scripts To Process OrderPhp To Convert Tag To Custom XmlPhp Generate Ul Li , Ul LiJavascript Onload Function Alternative Post a Comment for "Hide Form Using Javascript"
Post a Comment for "Hide Form Using Javascript"