动态网站开发项目教程 10 表单验证.pptxVIP

项目1会员管理系统任务7表单验证

前端表单验证的重要性我们在任务6中，简单判断了一下用户名是否填写，并判断了密码和确认密码是否相同。在实际项目开发中，这远远不够。可以这样讲，任何表单，在数据提交到后端之前，都应该进行数据的验证，确保数据的合法有效。

前端表单验证的重要性数据的验证，需要在前端和后端同时进行，这样做的目的是为了保证系统的安全，减轻服务器压力。比如，用户明明没有填写用户名，还是去点击提交按钮，这显然是没有意义的。如果在前端不进行判断和处理，这一次无效的交互，仍然要占用服务器的时间。另外，我们后端主要是使用SQL语句和数据库进行交互，如果前端不加以限制，可能会输入一些危险字符，引入SQL注入风险。关于SQL注入的相关内容，大家可以参阅以下链接：

表单验证的内容在前端进行数据验证，我们一般是使用javaScript来进行数据的验证。为了避免前端绕过javaScript，在后端接收到数据后，还需要再一次的进行验证。在会员注册表单中，需要验证的内容有：用户名：必填，只能是大小写字符、数字，长度为3-10。密码：必填，只能是大小写字符、数字、_、*，长度为6-10。确认密码：必填，且必须和密码保持一致。信箱：格式必须正确，可以不填。爱好：可以不选。

表单验证的方法在单击“提交”按钮时，要拦截系统提交，先验证数据，合格后再提交表单。只需要在form标签中添加一个onsubmi