passing form name dynamically in javascript

Question

function validate_login(form){
 alert(form);
 var formName = form.name;
 alert(formName);

 if(!validate_username(form)){
    return false;
 } else{
  return validate_password(form);
 }
}

i called the above function in an external javascript as

<form action="LoginServlet" method="post" class="message" id="login_form" name ="login_form" onsubmit="javascript:return validate_login(this.form)">

but alert(form) shows an alert having output 'undefined' and alert(fornName) is not showing an alert. help me pleasee..

this refers to the form. this.form is trying to access the form property on the form... probably not what you're after — James Thorpe
– James Thorpe, Commented Nov 13, 2014 at 13:49
The second alert cannot show, because you try to access the property name of the undefined object form — Markai
– Markai, Commented Nov 13, 2014 at 13:50
Side note: if/else can be replaced by return validate_username(form) && validate_password(form);. — sp00m
– sp00m, Commented Nov 13, 2014 at 13:50
For debugging purposes it is better to use console.log or a Javascript Debugger like the Chrome Developer Tools! — xyNNN
– xyNNN, Commented Nov 13, 2014 at 13:51

Henrik Andersson · Accepted Answer · 2014-11-13 13:49:44Z

1

You're not passing the form correctly, pass only this. What you're trying to do is passing the property form of the form.

answered Nov 13, 2014 at 13:49

Henrik Andersson

47.5k16 gold badges102 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

epascarello · Accepted Answer · 2014-11-13 13:49:47Z

1

Change

onsubmit="javascript:return validate_login(this.form)"

to

onsubmit="return validate_login(this)"

Running Example

function validate_login(form) {
  alert(form);
  var formName = form.name;
  alert(formName);

  return false;
}

<form action="LoginServlet" method="post" class="message" id="login_form" name="login_form" onsubmit="return validate_login(this)">
  <input type="submit" />
</form>

answered Nov 13, 2014 at 13:49

epascarello

208k20 gold badges206 silver badges246 bronze badges

Collectives™ on Stack Overflow

passing form name dynamically in javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related