HTML Form onclick event doesn't call javascript function

Question

I would like to create a dynamic form, adding inputs into the form by pressing a button (or an image) when I put the code directly on the onclick event

alert("Hello");

it works... however, it doesn't when I try to call a javascript function... Even If I call the simple function hello(); (as well with add() )

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
function add() {
    var container = document.createElement("div"); 
    container.innerHTML = "<input type='text' name='email'><br/>";
    document.getElementById('emails').appendChild(container);
}
function hello() {
    alert("Hello"); 
}
</script>
</head>
<body>
<form id="myform" name="myform" action="valid.php" method="POST">
    <div id="emails">
        <input type='text' name='email' value=''/><br />
    </div>
    <img width="50px" src="myimage.jpg" onclick='add();'/>
    <input type="submit" value="Submit"/>
</form>
</body>
</html>

Anyone manage to spot why ?

I see no place where you specify hello as onclick event handler — Viktor S.
– Viktor S., Commented Sep 20, 2012 at 17:30

Rafael de Souza · Accepted Answer · 2012-09-20 17:40:35Z

3

Looks like it have some kind of special character before:

 </script>.

I just copied and pasted Here. Look the first character in the 13th line

edited Sep 20, 2012 at 17:40

answered Sep 20, 2012 at 17:32

Rafael de Souza

2791 silver badge5 bronze badges

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

1 Comment

TheSquad Over a year ago

Damn ! it did not appeared on my editor... Thanks it fixed it!

thewebguy · Accepted Answer · 2012-09-20 17:40:46Z

1

I copied this into a nice little jsfiddle here http://jsfiddle.net/dr9hG/

I also changed the name from just "email" to "email[]" so that you can access all of them by array on the page this submits to.

answered Sep 20, 2012 at 17:40

thewebguy

1,51910 silver badges15 bronze badges

1 Comment

TheSquad Over a year ago

Thanks, yeah I wasn't at this part yet, but still helpful

Collectives™ on Stack Overflow

HTML Form onclick event doesn't call javascript function

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related