Switch the 'action' field in an HTML form

[MarceloQuad]

I have started the JavaScript one month ago. So, I don't have much knowledge about the JavaScript. Before I have done the C, C++ and HTML. But now I want to switch the action field which I am not able to do. I have tried many things, but not succeeded. Also I don't know how to Switch the 'action' field in an HTML form..?? I have tried to do it by simple way but its not working properly. I think that i would have to switch the action field in an HTML form dynamically. Please help me soon..!!

[void]

Since you have done HTML, I think that you will not find it tough. You may already have used the action field in an HTML form. The only thing is that you want to switch it now dynamically. In many scenarios, it is required that you need to send the data in the same form to different cgi scripts depending one certain criteria. JavaScript allows you to modify the action field of an HTML form dynamically. The following is the coding for the Radio Buttons which are used very frequently for input of the user. Also you will have to use the multiple submit buttons, according to the requirement.

[CodGuru]

The following is the script for the Radio Buttons. When you do it by yourself, then you will get an idea of using it. The below is the mentioned code :

<SCRIPT language="JavaScript">
function OnSubmitForm()
{
  if(document.myform.operation[0].checked == true)
  {
    document.myform.action ="insert.html";
  }
  else
  if(document.myform.operation[1].checked == true)
  {
    document.myform.action ="update.html";
  }
  return true;
}
</SCRIPT>

<FORM name="form1" onSubmit="return OnSubmitForm();">
    Name: <INPUT TYPE="TEXT" Name="name"><br>
    Address: <INPUT TYPE="TEXT" Name="address"><br>
    <input type="radio" name="operation" value="1" checked>Insert
    <input type="radio" name="operation" value="2">Update
    <P>
    <INPUT TYPE="SUBMIT" name="Submit" VALUE="Save">
    </P>
 </FORM>

[Praetor]

As said by the 'void' you can also use the multiple submit buttons on the form. You will get this by typing the following coding :

<SCRIPT language="JavaScript">
function OnSubmitForm()
{
  if(document.pressed == 'Insert')
  {
   document.myform.action ="insert.html";
  }
  else
  if(document.pressed == 'Update')
  {
    document.myform.action ="update.html";
  }
  return true;
}
</SCRIPT>

<FORM name="myform" onSubmit="return OnSubmitForm();">

<INPUT TYPE="SUBMIT" name="Operation" onClick="document.pressed=this.value" VALUE="Insert">

<INPUT TYPE="SUBMIT" name="Operation" onClick="document.pressed=this.value" VALUE="Update">

</FORM>

[Katty]

Several times you need to give the validations for certain fields on the form. Like user cannot keep the textbox of name empty while submitting his / her information. so you will have to do the proper validations. The following is the sample of the validation script :

<SCRIPT LANGUAGE="JavaScript">
var myformValidator = new Validator("myform");
myformValidator.addValidation("name","req","Please enter the proper name");
</SCRIPT>