表单验证提交内容不能为空的几种方法

文章目录

在网页开发时,往往都有某些表单数据为必填项,以下记录几种表单的验证方式,供参考。

CSS声明方法:

使用css的required属性


JS验证方法:

使用JS代码示例,注意事项:form要加上onSubmit事件,form.xx.vlaue要在表单中对应name


jQuery验证Class方法:

使用jQuery方法(通过class验证),需要引用jquery.min.js

优势:

1:为input添加class,名字可以随意设置,但每个input需要保持一致,本章案例calss设置为noNull。(若input已有class属性,可直接加到其后)

2:为input添加一个属性,用来后期通过jquery获取该字段,用作提示语。本章案例提示属性为notNull。

3:通过jQuery遍历页面中所有calss为noNull的表单,验证其是否为空,若为空,通过获取notNull的字段,进行为空提示。

具体如何设置,请参照下面的案例。

原文链接:,转发请注明来源!

发表评论