如何在未回答表单项时发出警报?

时间:2017-10-10 23:16:40

标签: javascript html

我是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>

2 个答案:

答案 0 :(得分:3)

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

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

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

编辑:这可能无法在很旧的浏览器中使用。但我不相信你现在需要担心。

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

一旦解决了基本问题,请查看使用javascript函数进行验证。参考:https://www.w3schools.com/js/js_validation.asp

了解了这一点后,您可以安全地阅读有关如何对大型项目进行验证的信息 - https://validatejs.org/

答案 1 :(得分:1)

使用document.getElementByTagName获取输入标记 使用带有第一个参数的addEventListner作为模糊来检测输入假 在if语句中使用this.value来检查是否为空 提醒一些事情

var element=document.getElementByTagName(input);
element.addEventListner("blur",myFunction);
function myFunction(){
if(this.value==''){
alert ("write something");
}
}