Clear all Input Values

Question

Hi

I have code to clear inputs in each Javacript file like below. Is there any way that a common class in a project or something else which when called clear all Input values.

function clearTextBox() {
$('#txtId').val("");
$('#txtDescription').val("");
$('#txtIsActive').val("");
}

Thanks

Sachin Singh · Answer

on your clear button $("#ResetButton").click(function(){ // here call any of the given 3 methods });

Sachin Singh · Answer

other options function ResetAll(formId) { $( '#' + formId).find( 'input:text, input:password, select' ) .each(function () { $( this ).val( '' ); }); } } method 3. function ClearAll() { form.find( 'textarea,input,select' ).val( '' ); }

Jignesh Kumar · Answer

Hi, If you wish to clear all text input in your form, Please refer this one, https://www.encodedna.com/2013/04/clear-all-texbox-using-jquery.htm $( '#divYourInputContainer' ).find( 'input:text' ).each(function() { $( 'input:text[id=' + $( this ).attr( 'id' ) + ']' ).val( '' ); } );

Sachin Singh · Answer

this will do the trick, put the below function in a script and reference it in layout then from view just call this and pass the form's Id. function Reset(formId) { document.getElementById(formId).reset(); }

Jignesh Kumar · Answer

Hi, You can call on your clear button click by finding ID of Your button, $( '#btClearAll' ).click(function() { $( '# divYourInputContainer ' ).find( 'input:text' ).each(function() { $( 'input:text[id=' + $( this ).attr( 'id' ) + ']' ).val( '' ); } ); });

Ramco Ramco · Answer

Hi How to call it from View Thanks

Clear all Input Values

Answers (6)