I have simple question but I can't fined good solution on the web.
I have this HTML code:
<form name="Register" action="Register.aspx" method="post" runat="server" style="margin-top: 15px;" onsubmit="return validateProfile(this);" >
And this JavaScript code
function validateProfile(F) {
var G = F.name;
}
I want somehow to get the form name, but this code just does not working.
wish for help, thanks!
There you go
function validateProfile(F) {
alert(F.name);
return false;
}
F is already the form, no need to use .Form .
Since a form is an element, you can access its name using .name.
This is defined in the DOM specification here :
name of type DOMString
Names the form.
Notice how my JSFiddle contains window.validateProfile = validateProfile because I run it after the DOM is ready, if your function is not directly in a script block, chances are you need to do this too.
F is the only reliable reference to the form element, this doesn't work with the code OP provided.
<FORM NAME="ActualFormName"> <INPUT NAME="name"> then the JavaScript will alert with an object (the input) instead of "ActualFormName". At least as far back as IE8, if you use the forms attribute collection, and index the "name" attribute, then it will actually return the correct name. e.g. F.attributes["name"].value;You likely have a control in the form with a name of name. Form controls are made available as properties of the form, using their name or ID as the property name. So in:
<form name="foo" ...>
<input name="name" ...>
then:
document.forms['foo'].name
returns a reference to the input element, not the value of the form's name property (which reflects the value of the HTML name attribute).
The solution is to not use attribute values for form controls that are the same as standard form element attribute or DOM property names (e.g. do not name form controls "submit" or "reset" as they will overwrite the form's submit and reset methods).
var theForms = document.getElementsByTagName("form");
for(i=0;i<theForms.length;i++)
alert(theForms[i].name);
or if you have only one form then use theForms [0].name directly
If you use Jquery. You can get the attr by this :
$("form").attr("name"); // Register
runat="server"... where else would it run?return validateProfile("Register");