RESOLVED - Clear/Reset Imput Field

Discussion Ask a question
,
1

Hello,

another question that I could not find an answer.

I’m trying to create a function that allows me to clean the fields of a form when sending or when I press a button to delete fields.

I created this function that actually deletes the fields from the values entered, but it tells me the input field as if there was a failure to compile, if normal it is yellow and gives it a red color as if there were an error of missing compilation.

What education should I give him to avoid this?

Thank you

function clearImput() {
$w(“#ImptData”).value = null;
$w(“#ImptEvent”).value= null;
$w(“#ImputName”).value= null;
$w(“#ImptCode”).value= null;
$w(“#ImpuUser”).value= null;
$w(“#ImputUrl”).value = null;
}

2

Hi,
Can you please share a screenshot ?
Roi

3

Hello,
thanks for your answer.

The first immaigne is at the loading of the page with the input fields not in error

889×374 28.2 KB

the second and when the function is performed via the clear button

921×352 28.6 KB

Thank you

4

Hi,
Thank you for the screenshots.
You need to set the input element to valid after you set the value to null/undefined/‘’.
Here is example:

$w('#input1').valid = true;

Good Luck!
Roi

5

I tried to put the statement that you have shown me, but I have always the same errorre

function clearImput() {
$w(“#ImptData”).value = null;
$w(‘#ImptData’).valid = true;

$w(“#ImptEvent”).value= null;
$w(‘#ImptEvent’).valid = true;

$w(“#ImputName”).value= null;
$w(‘#ImputName’).valid = true;

$w(“#ImptCode”).value= null;
$w(‘#ImptCode’).valid = true;

$w(“#ImpuUser”).value= null;
$w(‘#ImpuUser’).valid = true;

$w(“#ImputUrl”).value = null;
$w(‘#ImputUrl’).valid = true;
}

6

Ok,
Can you please share a link to your site and specify the name of the page ?
Roi

7

find solution with

$w(" #ImptData “).value = null;
$w(”#ImptData").resetValidityIndication();

Thank You

1 Like
8

I wanted to reopen this discussion because I saw that it gives me errors sometimes when I clean the fields that are empty, so I tried to put an if to check that the fields are empty but it does not work. What’s the problem.

Thank you

function clearImput() {

if  (($w("#ImptData").value !== null) || ($w("#ImptData").value !== undefined ) ) { 
	$w("#ImptData").value = null; 
	$w("#ImptData").resetValidityIndication(); 
} 

if (($w("#ImptEvent").value !== null)  || ($w("#ImptEvent").value !== undefined) ) { 
	$w("#ImptEvent").value= null; 
	$w("#ImptEvent").resetValidityIndication(); 
} 

if (($w("#ImputName").value !== null) || ($w("#ImputName").value !== undefined) )  {		 
	$w("#ImputName").value= null; 
	$w("#ImputName").resetValidityIndication(); 
} 

if (($w("#ImptCode").value !== null) || ($w("#ImptCode").value !== undefined) ) {	 
	$w("#ImptCode").value= null;	 
	$w("#ImptCode").resetValidityIndication(); 
} 

if (($w("#ImpuUser").value !== null) || ($w("#ImpuUser").value !== undefined) ) { 
	$w("#ImpuUser").value= null;	 	 
	$w("#ImpuUser").resetValidityIndication(); 
} 

if (($w("#ImputUrl").value !== null) || ($w("#ImputUrl").value !== undefined) ) { 
	$w("#ImputUrl").value = null;	 
	$w("#ImputUrl").resetValidityIndication(); 
}

}

9

Solution found, only the given date if it has never been compiled by null, the others do not give any value and that is why it gave error. I solved it but if someone has a better way I would be interested to know it.

function clearImput() {

if  ($w("#ImptData").value !== null) { 
	$w("#ImptData").value = null; 
	$w("#ImptData").resetValidityIndication(); 
} 

if ($w("#ImptEvent").value.length > 0) { 
	$w("#ImptEvent").value= null; 
	$w("#ImptEvent").resetValidityIndication(); 
} 

if ($w("#ImputName").value.length > 0) { 
	$w("#ImputName").value= null; 
	$w("#ImputName").resetValidityIndication(); 
} 

if ($w("#ImptCode").value.length > 0) { 
	$w("#ImptCode").value= null;	 
	$w("#ImptCode").resetValidityIndication(); 
} 

if ($w("#ImpuUser").value.length > 0) { 
	$w("#ImpuUser").value= null;	 	 
	$w("#ImpuUser").resetValidityIndication(); 
} 

if ($w("#ImputUrl").value.length > 0) { 
	$w("#ImputUrl").value = null;	 
	$w("#ImputUrl").resetValidityIndication(); 
} 

}

Thank you

4 Likes
10

Great Job!
Roi

11

How to reset Upload Buttons? Im experiencing a problem with my form where I allow visitors to upload images of their properties they want to include my database. When they do, the previous image uploads of the previous use are still there.

$w ( “#uploadButton2” ). reset

this does not seem to work

12 
.reset()