Hide Form Using Javascript July 15, 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"> 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 JugaJquery Listen For All Text Input ChangesJavascript: Get Value From Popup (external Website)Difficulty Setting Focus On Newly Created Object In Javascriptif(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 postsHow Do You Catch A Click Event With Plain Javascript?Prevent Default Sort Event In Google Chart TableDate Picker Not Appearing After Clicking On ImageDoes Jasmine-node Offer Any Type Of "fail Fast" Option? Post a Comment for "Hide Form Using Javascript"
Post a Comment for "Hide Form Using Javascript"