Why the error comes like Function name is undefined?

Question

I bind a function as a "click" handler for a button whose id and name are the same as the function's name. It gives an error that function is undefined and the function isn't run.

<input type="button" name="saveClientDetail" id="saveClientDetail" onclick="saveClientDetail();" value="Save"/>

The HTML containing this element is loaded using AJAX. The function saveClientDetail(); is defined in an external JS file. When you click the button, it gives the error "saveClientDetail() is undefined". If I change the function name then it doesn't generate the error. Why is it so?

How is saveClientDetail() defined and is it included before you reference it in the input markup? — kinakuta, Apr 06 '12 at 07:45
http://stackoverflow.com/questions/9158238/why-js-function-name-conflicts-with-element-id — Umesh Moghariya, Apr 06 '12 at 07:45
Maybe a name conflicting problem, because `id="saveClientDetail"` gives your button a unique identity in DOM. — Code0987, Apr 06 '12 at 07:46

Engineer · Answer 1 · 2012-04-06T07:56:31.120

2

You have id,name , and also function with same 'saveClientDetail' name. And the browser could not distinguish which one you meant by saveClientDetail name when you wrote that.

edited Apr 06 '12 at 07:56

answered Apr 06 '12 at 07:44

Engineer

47,849
12
88
91

Why the error comes like Function name is undefined?

1 Answers1