Hello,
I am trying to make a form where the label is a default value inside the input box. When you click or tab into the input box, the default value will clear, so you can enter your text. But if you enter nothing (ie leave the field blank) when you leave the field, it will display the default value again. I am trying to figure out where to put the JS code to do this. I tried adding a Load JS action in the Load section and putting in code to check for blu and focus events, but that didn't work. I ended up adding the onblur and onfocus events into the <input> tag like so:
The other issues, is if someone submits the form with the default value, I want to put out an error message that they need to fill in the required fields and clear out the non-required fields. Normally I would use a custom formcheck function to make the check. I would use code like this:
This all seems pretty normal functionality for forms, so there must be a way to do this. Any help on what to put where would be greatly appreciated.
Thank you for any help on this.
I am trying to make a form where the label is a default value inside the input box. When you click or tab into the input box, the default value will clear, so you can enter your text. But if you enter nothing (ie leave the field blank) when you leave the field, it will display the default value again. I am trying to figure out where to put the JS code to do this. I tried adding a Load JS action in the Load section and putting in code to check for blu and focus events, but that didn't work. I ended up adding the onblur and onfocus events into the <input> tag like so:
<input id="first_name" maxlength="150" size="30" class=" validate['required']" title="" label_over="0" hide_label="1" type="text" value="First Name *" name="first_name" onfocus="if(this.value=='First Name *')this.value='';" onblur="if(this.value=='')this.value='First Name *';" />The other issues, is if someone submits the form with the default value, I want to put out an error message that they need to fill in the required fields and clear out the non-required fields. Normally I would use a custom formcheck function to make the check. I would use code like this:
<input class=[validate'required', '%customCheck'] ... /> This all seems pretty normal functionality for forms, so there must be a way to do this. Any help on what to put where would be greatly appreciated.
Thank you for any help on this.