前端简单入门第七讲使用JavaScript完成表单简单的数据校验

最新推荐文章于 2024-05-09 18:28:02 发布

李阿昀

最新推荐文章于 2024-05-09 18:28:02 发布

阅读量1.8k

点赞数 2

分类专栏： ▬▬▬【教你一天玩转JavaScript】前端简单入门文章标签： javascript

本文链接：https://blog.csdn.net/yerenyuan_pku/article/details/70834801

版权

这篇博客介绍了如何使用JavaScript进行简单的表单数据校验，主要针对注册页面的用户名、密码和邮箱进行非空校验。通过onsubmit事件触发函数checkForm()来实现，利用match或test方法配合正则表达式进行验证。文中还强调了邮箱校验正则表达式的获取，并提供了完整代码示例。

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

网上闲逛时，如果我们对某个网站非常感兴趣，通常都会注册一个账户，网站都会对注册页面的数据进行复杂的校验。但这里我只是讲一下对注册页面的数据进行非空的简单校验！！！如果有某个值没有输入，点击注册按钮提交时，则弹出一个对话框进行提示！！！
我从自己编写的注册页面中抽出核心代码如下：

<form action="../index.html" method="post">
	<table border="0" width="100%" cellspacing="15">
		<tr>
			<td>用户名</td>
			<td><input type="text" id="username" name="username"></td>
		</tr>
		<tr>
			<td>密码</td>
			<td><input type="password" id="password" name="password"></td>
		</tr>
		<tr>
			<td>确认密码</td>
			<td><input type="password" id="repassword" name="repassword"></td>
		</tr>
		<tr>
			<td>性别</td>
			<td><input type="radio" name="sex" value="男">男<input type="radio" name="sex" value="女">女</td>