javascript - 当表单项未回复时如何发出警报？

Question

我对 JS 很陌生。但基本上，我正在创建一个表单。使用 JavaScript，我如何获取表单以便您必须填写表单数据？

谢谢!

HTML:

<form>
            <p>First Name:</p>
            <input type="text" name="firstname" class="form">
            <p>Last Name:</p>
            <input type="text" name="lastname" class="form">
            <p>Email:</p>
            <input type="text" name="email" class="form">
            <p>Questions / Concerns:</p>
            <textarea name="concerns" rows="5" cols="30"></textarea>
            <br>
            <input type="submit" name="submit" value="Submit">
            <input type="reset" name="reset" value="Reset">
        </form>

Answer 1

有多种方法可以解决这个特定问题。

最简单的方法是在元素中使用所需的标签:

<input type="text" name="firstname" class="form" required>

编辑:这可能不适用于非常旧的浏览器。但我认为您现在不需要担心这一点。

在您需要强制填写的所有输入元素中使用必需的标签。

解决了基本问题后，请考虑使用 javascript 函数进行验证。引用:https://www.w3schools.com/js/js_validation.asp

一旦了解了这一点，您就可以安全地继续阅读如何在大型项目中完成验证 - https://validatejs.org/