怎么控制提交的表单项不为空？

最新推荐文章于 2026-02-21 00:23:27 发布

原创最新推荐文章于 2026-02-21 00:23:27 发布 · 3.4k 阅读

本内容遵循CC 4.0 BY-SA版权协议

本文介绍了一种使用JavaScript进行表单验证的方法，确保用户提交的数据项不为空。通过具体示例展示了如何编写代码来检查表单字段，并阻止空值提交。

做了一个表让别人填,有姓名,电话什么的,怎么控制别人提交的信息不能是空的呢?就是说如果他不填名字或者别的什么的就点提交,可以给他返回个对话框提示他没有填入需要的资料,而且也不提交到数据库中,应该用什么代码来实现呢？
如下的代码可以实现这个效果：
HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<script language="javascript">
function checkspace(checkstr) {
var str = '';
for(i = 0; i < checkstr.length; i++) {
str = str + ' ';
}
return (str == checkstr);
}
function checkuser(){
if(checkspace(document.form1.text.value))
{
alert("your name is null");
document.form1.text.focus();
return false;
}
return true
}
</script>
</head>

<body>
<form name="form1" action="#" method="post" onsubmit="return checkuser()">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>name: <input type="text" size="20" name="text" /></td>
</tr>

<tr>
<td><input type="submit" name="submit" value="提交" /></td>
</tr>

</table>

。。。。。。。。。。。。。。。。

。。。。。。。。。。。。。。。。。。。。。。。。。

。。。。。。。。。。。。。。。。。。。

此文来自：怎么控制提交的表单项不为空？

更多相关文章：

1.如何使ThinkPHP数据库查询结果在表单显示？