passing variable to javascript function and using it in document.form?

Question

<!DOCTYPE html>
<html>
<head>
<title>Database test</title>
<link rel="stylesheet" type="text/css" href="test.css">
<script>
function validateForm(n)
{
var x=document.forms.SignUp.n.value;

alert("*"+x+"*");

}
</script>
</head>
<body>
<h1>Just a Database test</h1>
<form name="SignUp" action="http://127.0.0.1/cgi-bin/connectivity.cgi" onsubmit="return validateForm();" method="post">
Ename :<input type="text" name="ename" onchange="validateForm('ename');"><br><p id="error_1"></p>
<input type="submit" value="Send">

</form>
</body>
</html>

I am trying to pass the user input value by onchange="validateForm('ename') but it does not seem to work i dont get anything.

instead if i change function to this then it works but again i need to pass it as varaible from onchange="validateForm('ename').

function validateForm(n)
{

alert("*"+n+"*");

}

The solution is really simple, use an ID on your input or pass this, and not document.forms.formName.elementName — adeneo
– adeneo, Commented Sep 16, 2013 at 20:23

SLaks · Accepted Answer · 2013-09-16 20:23:02Z

3

You should pass the element itself, which is this inside an inline handler:

validateForm(this);

function validateForm(elem)
    alert(elem.value);
}

answered Sep 16, 2013 at 20:23

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

Comments

bfavaretto · Accepted Answer · 2013-09-16 20:26:49Z

1

One way to make it work, without changing your function call:

function validateForm(n) {
    var x = document.forms.SignUp[n].value;
    alert("*"+x+"*");
}

answered Sep 16, 2013 at 20:26

bfavaretto

72k18 gold badges118 silver badges162 bronze badges

Collectives™ on Stack Overflow

passing variable to javascript function and using it in document.form?

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