js表单验证

最新推荐文章于 2024-04-20 14:59:10 发布

此电脑

最新推荐文章于 2024-04-20 14:59:10 发布

阅读量620

点赞数

文章标签： function javascript border action input table

本文链接：https://blog.csdn.net/zhangxu3739/article/details/2686824

版权

只验证表单的完整性

js代码：

function $(o)
{
return document.getElementById(o);
}

function addError(label,msg)
{

     var span = document.createElement("SPAN");
     span.id = "__ErrorMessagePanel";
     span.style.color = "red";
     span.innerHTML = msg;
}

测试代码：

<html>
<script language="javascript1.1" type="text/javascript" src="checkadd.js">
</script>
<CENTER><H1>消息添加</H1></CENTER>
<HR size=5 color=#FFCC33>
<FORM METHOD=POST ACTION="MessageAction.do?act=add" οnsubmit="javascript:check(this);">
<TABLE width="836" border=1 align=center>
<TR>
<TD width="119">编号</TD>
<TD width="701"><INPUT TYPE="text" NAME="id" id="messid" mustfill="true" message="编号不能为空" οnblur="checktitle(this);"><span id="messid_errormessage"></span></TD>
</TR>
<TR>
<TD>标题</TD>
<TD><INPUT TYPE="text" NAME="title" id="messtitle" mustfill="true" message="标题不能为空" οnblur="checktitle(this);"><span id="messtitle_errormessage"></span></TD>
</TR>
<TR>
<TD>作者</TD>
<TD><INPUT TYPE="text" NAME="author" id="messauthor" mustfill="true" message="作者不能为空" οnblur="checktitle(this);"><span id="messauthor_errormessage"></span></TD>
</TR>
<TR>
<TD><INPUT TYPE="submit" value="确定" οnclick="return check(this.form);"></TD>
<TD><INPUT TYPE="reset" value="取消" οnclick="history.back()"></TD>
</TR>
<p><a href="#" οnclick="history.back()">返回上一页</a></p>
</TABLE>
</FORM>
</html>