Нужно сделать проверку при нажати на submit ?

[ilyas->]

имеются 3 тектовых инпута, допустим пользователь нажал на submit но не заполнил ни один из этих полей, , нужно чтобы при нажатии submit вылетало небольшое модальное окошко с сообщением чтобы пользователь заполнил обязательные поля помеченные звездочкой, к этим текстовым инпутам можно обратиться только по id #PROP1, #PROP2, #PROP3

И после нажатия на submit вылетает модальное окошко и после закрытия этого модального окошка не нужно чтобы отправлялись POST-данные т.е. не нужно чтобы страница перезагружалась

Помогите пожалуйста написать эту проверку, заранее благодарен

[danik.js]

Встроенные средства не пойдут?

<form>
    <input type="text" required="" />
    <button type="submit">Отправить</button>
</form>

[ilyas->]

<form>
    <input type="text" required="" />
    <button type="submit">Отправить</button>
</form>

нет не подходит, нужно на js проверить

[danik.js]

нет не подходит, нужно на js проверить

Поподробней можно?

[ilyas->]

Поподробней можно?

вот моя форма


а вот код который мне нужно сделать рабочим чтобы проверял если не заполнены хоть 1 поле, к ним обращение идет по id то при нажатии на отправить вывести алерт

$(document).ready(function(){

$("#ORDER_FORM").submit(function() {
        
         var isFormValid = true;
         // обязательные поля отмечены классом required
        // $(this).find(".required").each(function(){
                
         if ($.trim($("#ORDER_PROP_2").val()).length == 0){
                                 isFormValid = false;
			}
			if ($.trim($("#ORDER_PROP_3").val()).length == 0){
											 isFormValid = false;
			}
			if ($.trim($("#ORDER_PROP_7").val()).length == 0){
											 isFormValid = false;
			}
var mAlert = "Заполните, пожалуйста, обязательные поля";
         if (!isFormValid) {
                 alert(mAlert);
         }

         return isFormValid; // так как 0, отправки данных не происходит
         //});
});*/