JS中如何进行表单验证

时间:2024-10-14 19:31:11

1、创建一个HTML,网页HTML是一个页面的骨架结构,titile、body。

JS中如何进行表单验证

2、表单验证可以通过 JavaScript 来完成,判断表单字段(fname)值是否存在, 如果不存在,就弹出信息,阻止表单提交。

JS中如何进行表单验证

3、保存代码在浏览器中运行测试,点击按钮进行测试。

JS中如何进行表单验证

4、表单验证也可以通过浏览器来自动完成。如果表单字段 (fname) 的值为空,required属性会阻止表单提交:

JS中如何进行表单验证

5、保存代码在浏览器中运行测试,点击按钮进行测试,IE9 及更早 IE 浏览器不支持表单自动验证。

JS中如何进行表单验证
© 手抄报圈