确认表单必填项目完整性1.24_必填表单项测试用例-CSDN博客

本文链接：https://blog.csdn.net/bgt2314/article/details/113090855

这篇博客介绍了如何使用HTML创建表单，并结合JavaScript进行数据验证。重点在于onsubmit事件的使用，通过check_sub()函数检查表单字段是否为空及密码一致性。此外，还讲解了a()函数作为简化获取DOM元素的方法，以及if...else语句在条件判断中的应用。

摘要由CSDN通过智能技术生成

实现过程

1、创建html文件form表单。

2、创建JavaScript代码。

3、编写提交数据验证规则。

4、测试代码。

JavaScript知识点总结

1、onsubmit 事件

这段代码由HTML表单和JavaScript部分组成。需要注意的是 onsubmit 事件在表单提交时触发JavaScript代码，而这段代码οnsubmit="return check_sub();"，表示提交表单是会执行JavaScript代码中的check_sub()函数。onsubmit 事件支持冒泡事件、不可以取消、事件类型是 Event、支持html中的<form>和<keygen>标签。

2、check_sub()

JavaScript中，我们往往把功能相同的一段代码写封装到一个独立的模块中，这个模块就叫做函数（JavaScript中的函数概念和PHP中的概念相识的）。我们把主要把验证用户提交数据代码都放在check_sub()函数中，它依次去判断表单中的三个元素是否为空，密码（sub_pwdone）和确认密码（sub_pwdtwo）是否相同，如果所有数据填写无误后会提示“提交成功”。

3、a()函数

a()函数主要作用是根据页面元素的“id”属性获得对页面元素的引用，直接调用了“document.getElementById”方法，调用了5次a()函数，相当于使用了5次document.getElementById方法。a作为函数名仅仅是因为长度比较短，所以a()函数实际上是“document.getElementById”的简写。也可以不调用a()函数，直接使用“document.getElementById”方法，只不过代码看起来有点繁琐。

4、if...else语句

在编程中我们往往需要根据不同的条件来执行不同的动作，这个时候就可以用到if..else语句。