clear textbox value if value = something

This site is best viewed in a modern browser with JavaScript enabled.

clear textbox value if value = something

kikizing3

This is the code I have:

<input type="text" value="name" name="name" onfocus="if(this.value='name'){this.value=' '}">

Basically, I want to clear the text in the textbox onFocus, but only if the value of the textbox is 'name'.

Hellpppp?

kikizing3

Example here: http://unedible.com/textbox.html

It works halfway- it clears the text...but always instead of only when a certain value is present.

Declan1991

First of all, you are putting a space in the textbox. You know that you can actually clear it with an empty string ""?

The equality check is ==, two ='s. Assignment, one thing is equal to another, is one =.

kikizing3

Oh. I knew about the space, I just put it there so on the post you could tell the differece between two ' and ". I got it working anyway, actually. I have one more issue concerning form submission, though.

 function submitForm(){
 	var name = document.getElementById ('name');
	document.write('Name:' + name);
 }

and the html is

<form name="form" onSubmit="submitForm()">
<input type="text" value="name" name="name" id="name" onfocus="clearMe(this)">
</form>

This doesn't seem to be working. D:

thraddash

I'm guessing your page goes blank and only displays the name object?
Are you trying to validate the name field here? (name.value)

document.write clears the entire page if you call it when the page is finished loading. Try alert instead to check the value.

Also you are not returning a true/false value from submitForm() ;
And you are not returning the results of submitForm() to the actual form: onsubmit="return submitForm();"

kikizing3

What happens in Google Chrome is...nothing, except the address bar adds on a ?name=John&email=myname@domain.com, ect. In Firefox you see a Name: and either blank space or the word null.

thraddash

What do you want it to do, and I will change the code to do just that.

kikizing3

Display the entered content on the page. I've done this before, it's just not seeming to work now. I'm not that great at Javascript. ;___;

thraddash

Something like:

<script type="text/javascript">
	function submitForm(){
		var name = document.getElementById('name');
		document.getElementById("results").innerHTML = 'Name: ' + name.value;
		//document.write('Name:' + name);
		return false;
	}
	function clearMe() {}
</script>

<form name="form" onSubmit="return submitForm();">
	<input type="text" value="name" name="name" id="name" onfocus="clearMe(this);">
	<input type="submit" />
</form>

<div id="results"></div>

kikizing3

The result flashes, but then goes away. Help?

thraddash

Did you change your form to return the value (which is false), otherwise it will just post the data?

<form name="form" onSubmit="return submitForm();">

You also need to return false from the submitForm() function;

kikizing3

AHA! That worked! Thanks so much.