利用js(javascript)进行动态的表单验证

最新推荐文章于 2024-01-02 09:52:18 发布

瞬华。

最新推荐文章于 2024-01-02 09:52:18 发布

阅读量766

点赞数 3

文章标签： javascript js html

本文链接：https://blog.csdn.net/D2073620106/article/details/114682941

版权

1、本文章主要运用js的DOM(文档对象模型）编程。首先就是获取节点对象，然后设置各种事件句柄，在事件句柄对应的方法中，对节点对象的属性进行操作，以达到需要的效果。本文中关于正则表达式的内容可自行上网查询，后附链接（w3c教程）代码有点多，但是只要看懂一点点，那大体就很容易理解

2、主要效果如图所示：
在这里插入图片描述 3、话不多说上代码：

<html>
	<head>
		<meta charset="utf-8">
		<title>表单验证</title>
	</head>
	<body>
		<script type="text/javascript">
			//window.onload 意思是等页面完全加载才注册执行的的代码(也就是html加载完)
			window.onload = function(){
				//用于标记数据输入数据是否合法
				var flag_username = false;
				var flag_passwd1 = false;
				var flag_passwd2 = false;
				var flag_email = false;
				//获得html节点对象(通过id获得)
				var uesrname = document.getElementById('username');
				var passwd1 &

最低0.47元/天解锁文章

瞬华。

关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
利用js(javascript)进行动态的表单验证

1、本文章主要运用js的DOM(文档对象模型）编程。首先就是获取节点对象，然后设置各种事件句柄，在事件句柄对应的方法中，对节点对象的属性进行操作，以达到需要的效果。本文中关于正则表达式的内容可自行上网查询，后附链接（w3c教程）代码有点多，但是只要看懂一点点，那大体就很容易理解2、主要效果如图所示：3、话不多说上代码：<html> <head> <meta charset="utf-8"> <title>表单验证</title>
复制链接

扫一扫