Make button disabled if input type file is empty in bootstrap

Mobile Technologies Mobile Computing 3 years ago

1.77K 1 0 0 0

_x000D_ _x000D_ I have form where the user can upload a file but I want the upload button to be disabled if the input type file does not contain a file how do I do that ?

User submissions are the sole responsibility of contributors, with TuteeHUB disclaiming liability for accuracy, copyrights, or consequences of use; content is for informational purposes only and not professional advice.

Answers (1)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 3 years ago
_x000D_ you should add attribute disabled to the button then we will watch changes with the code to enable the button when the input type file contain any file $('input[type=file]').change(function(){ if($('input[type=file]').val()==''){ $('button').attr('disabled',true) } else{ $('button').attr('disabled',false); } }) Demo here : https://jsfiddle.net/IA7medd/08eekkbt/
0 views
0 shares

No matter what stage you're at in your education or career, TuteeHUB will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.

Similar Forum


Q

Would Firebase be a good choice as a server for the Flutter mobile game I'm creating?

_x000D_ _x000D_ I am building a turn-based Flutter game. Would Firebase be a good choice as a server...
Q

Implement Bottom Navigation activity along with a VerticalViewPager with nested Cardview in Android...

_x000D_ _x000D_ I want to develop an Android App which will have a Bottom Navigation Bar and above i...
Q

(JS) For , determine if the device offers or not to capture a photo from the camera

_x000D_ _x000D_ When uploading a file, I need to give the user the possibility: upload the file fr...

Important Mobile Technologies Links