在构建网站时，表单数据验证是一个至关重要的环节。它不仅能够保证用户输入的数据符合预期的格式，还能有效防止恶意攻击，如SQL注入、跨站脚本攻击（XSS）等。以下是一些既安全又便捷的网站表单数据验证设置方法。

1. 后端验证

后端验证是数据验证的第一道防线，它确保所有数据在数据库存储或进一步处理之前都是安全的。

1.1 使用预定义的数据类型

在数据库层面，为每个字段设置正确的数据类型，如整数、字符串、日期等。这样可以避免非法数据进入数据库。

1.2 字符串清洗与过滤

对于所有用户输入的字符串，进行适当的清洗和过滤。例如，使用正则表达式去除或替换非法字符。

import re

def clean_string(input_string):
    # 假设我们只允许字母和数字
    return re.sub(r'[^a-zA-Z0-9]', '', input_string)

1.3 输入长度限制

限制用户输入的长度，避免过长的输入导致缓冲区溢出等安全问题。

2. 前端验证

前端验证可以提供即时的用户反馈，改善用户体验，并减轻服务器的负担。

2.1 HTML5 表单验证

利用HTML5内置的表单验证功能，如required、pattern、minlength、maxlength等属性，可以快速实现基本的前端验证。

<form>
  <input type="text" name="username" required pattern="^[a-zA-Z0-9]+$" minlength="3" maxlength="15">
  <input type="submit">
</form>

2.2 JavaScript 验证

对于更复杂的验证逻辑，可以使用JavaScript编写自定义验证函数。

function validateForm() {
  var username = document.forms["myForm"]["username"].value;
  if (username.length < 3 || username.length > 15) {
    alert("用户名长度必须在3到15个字符之间");
    return false;
  }
}

3. 使用库和框架

许多库和框架提供了现成的表单验证解决方案，可以节省开发时间和提高安全性。

3.1 jQuery Validation Plugin

jQuery Validation Plugin 是一个流行的JavaScript库，提供了丰富的验证方法和选项。

$(document).ready(function() {
  $("#myForm").validate({
    rules: {
      username: {
        required: true,
        pattern: /^[a-zA-Z0-9]+$/,
        minlength: 3,
        maxlength: 15
      }
    }
  });
});

3.2 Laravel Validation

对于使用Laravel框架的项目，可以利用其内置的验证系统，实现灵活的数据验证。

public function rules()
{
    return [
        'username' => 'required|string|min:3|max:15',
    ];
}

4. 结论

通过结合后端和前端验证，以及使用库和框架，可以实现既安全又便捷的网站表单数据验证。这些方法不仅能够提高网站的安全性，还能提升用户体验。在实施过程中，建议根据实际情况选择合适的验证策略。