為什么我的回歸不起作用？

Question

我剛剛開始學習JS，就像5-10分鍾前一樣，有人告訴我嘗試創建一個基本的驗證功能，但它似乎並不像想要的那樣工作。 它檢查字段是否為空，該部分是否有效。 但是檢查它是否有內容並繼續運行代碼不會。

我的表格：

echo '<form action="index.php?action=getHashedText" method="post"     name="formHash">
        <br/><textarea name="text" rows="4" cols="50" placeholder="Add your text/pharse/word which you want hashing here." autofocus></textarea><br/>
        <button type="button" name="button" onclick="return validate();">Hash</button>';

function validate（）：

    <script>
    function validate() {
        with (window.document.formHash) {
            if (formHash.text.value === "") {
                    alert('Field is empty!');   
                    return false;
            } else {
                    return true;
            }    
        }  
    }
    </script>

Answer 1

問題是你正在使用一個沒有提交表格的按鈕（無論你的js如何），改變這個dom：

<button type="button" name="button" onclick="return validate();">Hash</button>

對此： 小提琴

<input type="submit" name="button" value="Hash" onclick="return validate();" />

---

或者你可以在<button> （HT @RocketHazmat）上添加type="submit" ： 小提琴

<button type="submit" name="button" onclick="return validate();">Hash</button>

---

或者您可以一起刪除<button>上的type ，因為默認type是submit （HT @FabrícioMatté）： 小提琴

<button name="button" onclick="return validate();">Hash</button>

---

此外，稍微偏離主題但我會養成避免直接在你的元素上放置javascript onclicks的習慣。 您可以改為創建偵聽器： addEventListener