在HTML中制作一个简单的表单验证(HBuilder)

表单验证是一个比较简单的问题,那我来讲一下我的思路

首先我们要创建form表单,创建文本框添加name属性标签,获取到name属性标签的文本值也就是value,并且再添加失去焦点事件onblur,添加submit提交按钮,用到了submit提交按钮的话,我们就可以试一试onsubmit事件了

在script中定义两全局变量为false,其用来判断失去焦点事件,然后获取name属性的value值,在判断其获取后的length长度是否是你需要的长度,不是你需要的长度return false,是的就使变量为true。

好的那我们来看下代码



	
		
		表单验证
		
		
	
	
		
用户名:
密码:

这里面为了更好的区分添加了css样式,red和green两个颜色。

在这里面大家还有疑惑比如onsubmit和onblur这些使用功能的问题话,可以取看看其它知识博主的详细介绍,这里就不多多解释了。

这是最简单的一种表单验证,如果用更好的方法,大家可以多多留言,一起讨论,如果有不对的地方可以留言或私信,我们一起讨论解决,好了,我们下期再见

在HTML中制作一个简单的表单验证(HBuilder)_第1张图片

 基本上这样的

你可能感兴趣的:(javascript)