我的驗證表單 js 第一次顯示為空，第二次工作

Question

在我的代碼中，我使用富文本編輯器。 我為該編輯器設置了一個文本框，並在表單中有一個函數來驗證表單以確保沒有任何內容留空。

提交表單時，總是說HTML文本框為空，我單擊確定按鈕並再次單擊保存並保存。 換句話說，它必須保存 2 次才能阻止彈出窗口說它是空的。

我該怎么做才能讓它在它為空時顯示彈出窗口，如果文本區域中有內容，它會保存？

這是我的一些代碼：

 function validateForm() { var x = document.forms["myForm"]["subject"].value; var y = document.forms["myForm"]["html_email"].value; if (x == "") { alert("You Did Not Enter A Subject Line"); return false; } if (y == "") { alert("You Did Not Create The Body Of The E-Mail"); return false; } }

 <form name="myForm" method="post" action="emails" onsubmit="return validateForm()"> <input style="width: 500px;" type="text" name="subject" value="$subject" placeholder="Subject Line" required> <textarea class="ckeditor" name="html_email" required>$html</textarea> <input type="submit" name="submit" class="btn-success" id="sendme" value="Save Email" /> </form>

我正在使用 ckeditor.js 以使其成為富文本編輯器。

“必需”沒有正常工作，因此它允許進行空白保存。 所以我必須使用這個JS來檢查它以確保它不是空白。

Answer 1

你可以只使用：

<script>
    function validateForm() {
        var x = document.forms["myForm"]["subject"].value;
        if (x == null || x == "") {
            alert("You Did Not Enter A Subject Line");
            return false;
        }
    }
</script>

表單中的required屬性將檢查 textarea 是否為空並顯示警報。

還建議進行服務器端驗證，因為 javascript / html 可以在客戶端進行操作。