html静态页如何加个不允许提交空信息验证？

来源：百度知道 编辑：UC知道 时间：2024/06/03 00:17:12
html静态页如何加个不允许提交空信息验证？动态页我会，但静态页我不会。

如楼上两位所说,可以用Javascript来验证,大致的步骤如下:

1 在表单中加一个或多个文本输入框,然后分别命名.如:
<input type=text name=username>

2 写一段javascipt代码,javascript的形式为:
<script language=javascript>
//你的代码部分
</script>

3 其中的代码可以这样写:
<script language=javascript>
function checkInput(form1)
{
if (form1.username.value=="")
//注意此处的"username"是表单输入框的名称
alert("请输入用户名");
return false;
else
return true;
}
</script>

4 在表单的onsubmit事件上应用上面的代码,即form上,写法如下:
<form name=form1 onsubmit="return checkInput(this)">

这样以后,当你点击表单上的确定按钮时,网页会先用checkInput(form1)来验证输入,如果返回true,才会提交,返回false就会弹出对话框.

理解了我的这段话之后,你会发现,其实timesnooper的写法也是可以的.原理上一样,只是风格和写法不一样罢了.

JS做客户端表单验证，简单的例子代码如下（验证一个文本框和一个选择菜单）：

<html>
<head>
<title></tit