|
比如一个表单内有一个文本框，在没有输入值提交时就会出错，那么如何防止客户端在没有输入时就提交表单呢？请看下面一个例子，如果您没有输入任何值时就会出现提示对话框：
在这里有一个表单：
<form name="free"method="POST"action=""onsubmit="return check()">
<p align="center">
<input type="text"name="t1"size="20">
<input type="submit"value="提交"name="B1">
</p>
</form>
和一个客户端javascript程序：
<script LANGUAGE="javascript">
<!--
function check()
{
if(document.free.t1.value.length==0){
alert("输入框不能为空!");
document.free.t1.focus();
return false;
}
}
//-->
</script>
一般javascript程序放在<Script Language="javaScript">与</Script>函数之间。在
“document.free.t1.uvale.length”这条语句里，“free”是表单对象的名字，而“t1”则是文本输入框名。当客户端单击提交按钮时，就触发onsubmit事件调用javascript脚本的check()函数，对输入框进行检查，若没有输入值，则弹出对话框提示客户输入，然后把光标的焦点定在输入框，再终止提交表单。
| 
