有些form表单的控件要验证输入信息,但如果把这些控件信息都传到后台再检测,总觉得小题大作,而且会导致后台的代码量比较重(虽然String类非常好用),所以建议一些简单的表单验证就直接在前端通过JS代码实现就行了。
下面的代码是网上找的,借来用一下,嘿嘿~
1、输入框不能为空:
<form name="form1"method="POST"action=""οnsubmit="return check()">
<p align="center">请输入姓名:<input type="text"name="name" size="20"></p>
<p><input type="submit"&#118alue="提交"name="B1"></p>
</form>
<script LANGUAGE="&#106avascript">
<!--
function check()
{
if(document.form1.name.&#118alue.length==0){
alert("输入框不能为空!");
document.form1.name.focus();
return false;
}
}
//-->
</script>
2、两次输入密码是否相同:
<FORM METHOD=POST ACTION="">
<input type="password" id="input1">
<input type="password" id="input2">
<input type="button" value="test" οnclick="check()">
</FORM>
<script>
function check()
{
with(document.all){
if(input1.value!=input2.value)
{
alert("false")
input1.value = "";
input2.value = "";
}
else document.forms[0].submit();
}
}
</script>
<script language="javascript">
<!--
function CheckForm()
{
if (document.form.name.value.length == 0) {
alert("请输入您姓名!");
document.form.name.focus();
return false;
}
return true;
}
-->
</script>
3、比较两个表单项的值是否相同
<script language="javascript">
<!--
function CheckForm()
if (document.form.PWD.value != document.form.PWD_Again.value) {
alert("您两次输入的密码不一样!请重新输入.");
document.ADDUser.PWD.focus();
return false;
}
return true;
}
-->
</script>