网站设计技术之javascript表单预验证程序

最新推荐文章于 2023-09-23 19:29:27 发布

看咸鱼翻身啊

最新推荐文章于 2023-09-23 19:29:27 发布

阅读量268

点赞数

分类专栏：笔记文章标签： html javascript

本文链接：https://blog.csdn.net/weixin_49202185/article/details/117637101

版权

笔记专栏收录该内容

10 篇文章 0 订阅

订阅专栏

javascript表单预验证程序

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>

<META http-equiv="Content-Type" content="text/html; charset=GB18030">
<META name="GENERATOR" content="IBM WebSphere Studio">
<TITLE>新闻修改</TITLE>
</HEAD>
<body >
<script Language="JavaScript">
<!--
function check_input(theForm)
{

   if (theForm.subject.value == "")
  {
    alert("请输入文章标题.");
    theForm.subject.focus();
    return (false);
  }

   if (theForm.Content.value == "")
  {
    alert("请输入贴子的内容.");
    theForm.Content.focus();
    return (false);
  }
  
   if (theForm.classid.value == "")
  {
    alert("请选择栏目.");
    theForm.classid.focus();
    return (false);
  }
	
  if (theForm.subject.value.length > 100)
    {
    alert("文章标题长度应小于50个字符或数字.");
    theForm.subject.focus();
    return (false);
  } 
  if(theForm.pic.value==""){
    alert("是空的");
    theForm.pic.focus();
    return(false);
  }
}
//-->
</script>

<TABLE border="0"  align=center cellpadding=0 cellspacing=1 >
<form method="POST" action="a" onsubmit="return check_input(this)">
	<TR  height=25>
		<TD colspan=2><B>编辑新闻</B><B>  **为必填项目</B></FONT></TD>
	</TR>
	<TR><TD width="30%" >&nbsp;<B>文章标题</B></TD>
		<TD width="70%" >
		<input TYPE="text" name=subject size=70 maxlength=255 value=>&nbsp;**不得超过 50 个汉字</TD>
	</TR>
	<TR><TD >&nbsp;<B>内容</B><BR><BR><li>请在此填写新闻的内容。<BR></TD>
		<TD ><textarea class="smallarea" cols="95%" name="Content" rows="30" wrap="VIRTUAL" title="请在此填写新闻的内容。"></textarea>  **</TD>
	</TR>
  <tr><td><br><br><br><br><br><br><br><br><br><br></td></tr>
	<TR><TD>&nbsp;<B>是否图片新闻</B></TD><TD>
	<select size="1" name="pic">
	 <option value="" selected></option>
    <option  name=k  value="false">0</option>
    <option  name=k value="true">1</option>
    
    <option  name=k   value="true1">2</option>
    <option  name=k   value="false1">3</option>
  </select></TD>
  <tr><td><br><br><br><br><br><br><br><br><br><br></td></tr>
	</TR>
	<TR><TD >&nbsp;<B>所在栏目</B></TD><TD>
		<SELECT NAME="classid">
			<option value="0">请选择新闻所的栏目</option>
			<option value="2">120</option>
		</SELECT></TD>
	</TR>
	<TR><TD  colspan=2 align=center>
		<INPUT name=Submit type=submit value="发 表"> &nbsp;&nbsp;     
		<INPUT name=Submit2 type=reset value="清 除"></FONT></TD>
	</TR>
	</form>
</TABLE>

</BODY>
</HTML>

1.focus(),其作用是使光标定位
在这里插入图片描述

光标自动定位到文本框

同理，下拉框也是可以自动定位的

注意看这里的框有颜色的变深，而且页面会自动定位到这里

2.注意这里的字符指的是中文状态下的字符，1个汉字等于2个字符，所以说条件是长度大于100
在这里插入图片描述
3.当这些if（）都没有执行时，返回undefined

小知识：
在JavaScript中
1.变量只声明没有赋值，会返回undefined
2.当下标超过数组或字符串的范围，会返回undefined
3.当对象调用不存在的属性时，会返回undefined
4.当return没有返回值，会返回undefined
5.在event事件里面，在IE11和非IE浏览器下直接输出console.log(event)，会返回undefined

看咸鱼翻身啊

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
网站设计技术之javascript表单预验证程序

javascript表单预验证程序<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><HTML><HEAD><META http-equiv="Content-Type" content="text/html; charset=GB18030"><META name="GENERATOR" content="IBM WebSphere Studio"><
复制链接

扫一扫