Question

I have two forms named form1 and form2 in a php page. I have to disable the form2 on page load and enable it after clicked the submit button of form1.. please help me..

” method=”post”>

Enter Students Register Number:

” method=”post” >
“text box to show details”

Answer 1

This is just a conceptualization to give you an idea on how you could accomplish this, I haven’t tested it.

<form id="form1" name="form1" onSubmit="javascript:enableNextForm(this);">
    ...
    <input type="submit" id="submit1" value="Submit" />
</form>

<form id="form2" name="form2">
    ...
    <input type="submit" id="submit2" value="Submit" disabled="disabled" />
</form>

<script>
    function enableNextForm(form)
    {
        // data in `form1` can be accessed through `form` variable

        // target second form and enable submit button
        var s = document.getElementById('submit2').disabled = false;
        return false;
    }
</script>