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 JugaPhp + Jquery Change Value Of Textbox According To Two DropdownHow To Display The Value Get From .val()Undefined Variable, But Variable Is Defined/declaredif(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 postsUsing _get Url Link To Delete A Record From Mysql DatabaseSending Data To Php Using AjaxHowto Read Currentpage After Index.php?How To Display An Blob Image Stored In Mysql Database? Post a Comment for "Hide Form Using Javascript"
Post a Comment for "Hide Form Using Javascript"