可以使用JavaScript编写函数来检查表单输入是否为空。通常,可以使用document.getElementById()
方法获取表单元素,然后检查其value
属性是否为空。
以下是一个简单的JavaScript函数,用于检查表单输入是否为空:
function checkForm() {
var input = document.getElementById("myInput");
if (input.value == "") {
alert("请输入内容!");
return false;
}
return true;
}
在上面的代码中,document.getElementById("myInput")
获取了一个名为myInput
的表单元素。然后,使用if
语句检查其value
属性是否为空。如果为空,则弹出一个警告框,并返回false
以阻止表单提交。如果不为空,则返回true
以允许表单提交。
在HTML中,可以在表单元素上使用onsubmit
属性来调用此函数。例如:
<form onsubmit="return checkForm()">
<input type="text" id="myInput">
<input type="submit" value="提交">
</form>
在上面的代码中,onsubmit="return checkForm()"
将在表单提交时调用checkForm()
函数。如果该函数返回false
,则表单不会提交。如果返回true
,则表单提交将继续。
关键词:document.getElementById()
、value
、if
语句、alert
、return
、onsubmit