ansaurus

Question

JavaScript clear text box input not functioning properly

Answer 1

+1 A:

Not very sure, but if you don't want to move to jQuery here's what you could try:

function calculate() {
    var inputa = document.getElementById('inputa');
    inputa.value = '';
}

Just test this, having an id "inputa" on one of the input boxes. I only know how to get elements by id, name or tag in raw Js. Of course, you could then extend your code to what you want using one of these methods to get your form elements.

Claudiu 2010-10-11 23:31:43

Thanks for the `getElementById`, I forgot about the simplest of things, a hell of a lot easier than using the other method.

BOSS 2010-10-11 23:41:01

no worries :) glad you sorted it out

Claudiu 2010-10-11 23:48:05

Answer 2

+2 A:

You might want to try using another name. I tried to call the "calculate" function but it keeps on giving me an error saying "calculate" is not a function. But when I call the function "calculateQuad" and change the onClick event to call "calculateQuad" it works.

girdus 2010-10-11 23:32:40

Hey thanks! Good idea, perhaps `calculate` is a keyword, reserved name or whatever terminology JS uses. Thanks for that! :) Edit: Disregard this, because Christian's answer shows the real reason.

BOSS 2010-10-11 23:40:32

Answer 3

+1 A:

Inside the onclick method is there a reference to the item you clicked. It is named the same as the name you put on the item, "calculate". This results in that "calculate" does not refer to the function, but the input tag.

To resolve this by either typing

onclick = "window.calculate()"

or rename the name of either the input-tag or the function.

Christian 2010-10-11 23:36:22

@Christian any docs/specs explaning the issue ?

Rajat 2010-10-11 23:41:10

OH! I got you, makes perfect sense now, disregard my comment on my selected answer.

BOSS 2010-10-11 23:41:50

@BOSS Please check the right answer for everyone.

Rajat 2010-10-11 23:44:23

@Rajat Unfortunately not, just what I found out after some testing. Have I learned something new today too.I'll be back with it if I can find it.

Christian 2010-10-11 23:46:02

Answer 4

A:

change the name of the input button to something else:

<input name="calcul" value="Calculate!" type="button" onClick="calculate()">

and it works. Since the calculate function is residing directly under the global object, I have a weird feeling your name attribute is somehow overwriting it.

Just throwing this out there. I will take a deeper look at why this is happening though.

Rajat 2010-10-11 23:40:19

ansaurus

tags:

views:

answers:

JavaScript clear text box input not functioning properly

related questions