来自w3cschool的jsp表单验证：JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证

最新推荐文章于 2021-06-29 01:45:14 发布

林渣渣就是林菜逼

最新推荐文章于 2021-06-29 01:45:14 发布

阅读量769

点赞数

分类专栏： JSP

JSP 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<html>
<head>
<script type="text/javascript">

function validate_required(field,alertxt)
{
     with(field)
     {
          if(value==null||value=="")
          {
               alert(alertxt);
               return false;
          }
          else
          {
               return true;
          }
     }
}

function validate_form(thisform)
{
     with(thisform)
     {
          if (validate_required(email,"Email must be filled out")==false)
           {
               email.focus();
               return false;
           }
     }
}
</script>
</head>

<body>
<form action="submitpage.htm" οnsubmit="return validate_form(this)" method="post">
Email:<input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
</html>

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

被 JavaScript 验证的这些典型的表单数据有：

用户是否已填写表单中的必填项目？
用户输入的邮件地址是否合法？
用户是否已输入合法的日期？
用户是否在数据域 (numeric field) 中输入了文本？

<html>
<head>
<script type="text/javascript">
function validate_email(field,alerttxt)
{
	with(field)
	{
		apos=value.indexOf("@")
		dotpos=value.lastIndexOf(".")
		if (apos<1||dotpos-apos<2) 
		{
			alert(alerttxt);
			return false;
		}
		else
		{
			return true;
		}
	}
}

function validate_form(thisform)
{
	with(thisform)
	{
		if (validate_email(email,"Not a valid email address!")==false)
		 {
		 	email.focus();
		 	return false;
		 }
	}
}
</script>
</head>
<body>
<form action="submitpage.htm" οnsubmit="return validate_form(this);" method="post">
Email:<input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
</html>

林渣渣就是林菜逼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
来自w3cschool的jsp表单验证：JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证

function validate_required(field,alertxt){ with(field) { if(value==null||value=="") { alert(alertxt); return false; } e
复制链接

扫一扫

专栏目录