Calling Different Submit Button Classes with Javascript

[adria]

Is it possible to create a script that calls a different submit button class for a specific submit button in a form, whereas the rest of the buttons are another class?

These are the two button classes:

[CODE=css]<style type="text/css">

}

.FormSubmit{
background-color: #8BD1FF;
border: 0;
margin-top:10px;
padding:3px;
font-family: arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color:#FFFFFF;
cursor:pointer;
}

.completebutton {
background-color: "red";
border: 0;
margin-top:10px;
padding:3px;
font-family: arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color:#FFFFFF;
cursor:pointer;
}

</style>[/CODE]

I want to use this code for the last button in the form but it's hard coded so I don't have acess to it.

[HTML]<INPUT TYPE="Submit" NAME="submitFor m" VALUE="complete registration" CLASS="complete button">[/HTML]

Is there a way to get use this class when I want to, replacing the .FormSubmit that is used throughout the rest of the form?

[CroCrew]

Why can’t you just use buttons instead of submits?

Example:

<input type="button" value="Click Me" class="FormSubmit" onclick="document.Form1.submit();">
<input type="button" value="Click Me" class="completebutton" onclick="document.Form2.submit();">

[adria]

Why can’t you just use buttons instead of submits?

Example:

<input type="button" value="Click Me" class="FormSubmit" onclick="document.Form2.submit();">
<input type="button" value="Click Me" class="completebutton" onclick="document.Form2.submit();">

I'm not sure if this will work because the submits are already hard coded in the application I am using.

[CroCrew]

I'm not sure if this will work because the submits are already hard coded in the application I am using.

Opps relook at my post. I made a change to the code.

[Logician]

[HTML]<INPUT TYPE="Submit" NAME="submitFor m" VALUE="complete registration" CLASS="complete button">[/HTML]

Is there a way to get use this class when I want to, replacing the .FormSubmit that is used throughout the rest of the form?

Somewhere after the form is rendered:

document.forms.myForm.submitForm.className="completebutton";