Validation in javascript

Sushant Torankar

Hi,

I am using bootstrap modal popup, which have Textbox and Button inside it.I want to apply required field validation on that textbox (For ex. Textbox cannot be empty). But when i give any validation, the modal popup gets close.

The Required Field Validator or javascript validation not working , as modal popup gets close and modal backdrop appears (meaning black background)

Any idea which validation or javascript validation can be used, that will appear on modal popup without closing it

Thank You !

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Tuhin Paul1y ago

Prevent form submission on invalid input -
Check that you prevent the form from being submitted if the validation fails by using JavaScript or jQuery to handle the submit event of the form. This way, the modal won't close unless the validation is successful.






  
    
      
        
          Modal title
          
        
        
          
            Enter Text
            
            
              This field is required.

$(document).ready(function () {
  $('#modalForm').on('submit', function (event) {
    // Prevent form submission if validation fails
    if (this.checkValidity() === false) {
      event.preventDefault(); // Prevent submission
      event.stopPropagation(); // Stop the modal from closing
    }
    $(this).addClass('was-validated'); // Show validation styles
  });
});