如何验证输入是字母数字还是不使用 JavaScript？

在开发 web 应用程序时，我们通常需要验证用户输入是否符合要求，例如，我们需要验证一个输入字段是否只包含字母和数字。

在传统的方式中，我们可以使用 HTML 表单的 pattern 属性来指定一个正则表达式，以验证用户输入是否符合要求。例如，以下代码片段演示了如何验证一个输入字段是否只包含字母和数字：

<form>
  <label for="inputField">输入字段：</label>
  <input type="text" id="inputField" name="inputField" pattern="[A-Za-z0-9]+" required>
  <input type="submit" value="提交">
</form>

在这个例子中，我们使用了 pattern="[A-Za-z0-9]+" 属性来指定一个正则表达式，其中 [A-Za-z0-9] 表示任何一个字母或数字，+ 表示匹配一个或多个字母或数字。

此技术的优点是它完全由浏览器执行，因此不需要任何 JavaScript 代码。然而，它的缺点是它只能在支持 HTML5 的浏览器中工作。

如果我们需要在不支持 HTML5 的浏览器中验证用户输入，我们可以使用服务器端的代码来验证输入数据。例如，在 PHP 中，我们可以使用 preg_match 函数来验证输入字符串是否只包含字母和数字。下面是一个例子：

$inputField = $_POST['inputField'];
if (preg_match('/^[A-Za-z0-9]+$/', $inputField)) {
  // 输入符合要求
} else {
  // 输入不符合要求
}

在这个例子中，我们使用了 preg_match('/^[A-Za-z0-9]+$/', $inputField) 函数来验证输入字符串是否只包含字母和数字。如果输入符合要求，我们可以执行一些操作；否则，我们可以向用户显示一条错误消息。

这种方法的优点是它可以在任何浏览器中工作，但缺点是它需要在服务器端执行代码，因此可能需要更多的服务器资源。

总之，无论采用哪种方法，都应该对用户输入进行验证，以确保它符合要求。如果您需要验证一个输入字段是否只包含字母和数字，您可以使用 HTML5 表单的 pattern 属性或服务器端的代码来实现它。