10

我相当新。我正在创建一个网页，要求用户提供他们的 ID。我希望它是必填字段，并且只允许数字。如果您能引导我朝着正确的方向前进，我将不胜感激。这就是我到目前为止所拥有的。

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<!DOCTYPE html>

<html>
<head runat="server">
  <title>Search</title>
</head>
<body>
 <div>
  <table align="center">
    <tr>
        <td class="label">
            Enter ID:
        </td>
         <td>
            <input type="text" name="UserId" id="UserId" />
        </td>
     </tr>
   </table>
  </div>
 </body>
</html>
4

3 回答 3

38

尽管可能建议通过 JS 或在服务器上进行一些更重的验证，但 HTML5确实通过模式属性支持这一点。

<input type= "text" name= "name" pattern= "[0-9]"  title= "Title"/>
于 2012-09-21T15:58:37.080 回答
19

在 [0-9] 之后用 + 试试这个：

input type="text" pattern="[0-9]+" title="number only"
于 2017-11-23T00:56:23.547 回答
13

当然，您不能完全依赖客户端(javascript)验证，但这不是完全避免它的理由。无论有没有它，您都必须进行服务器端验证（因为客户端可以禁用 javascript）。由于您的非 JavaScript 解决方案限制，这就是您所剩下的。

因此，在提交之后，如果字段值没有通过服务器端验证，客户端应该会在同一个页面上结束，并带有指定请求值格式的附加错误消息。您还应该事先提供值格式信息，例如作为工具提示提示（属性）。title

HTML 4 / XHTML 中肯定不存在被动客户端验证机制。

另一方面，在HTML 5中，您有两种选择：

  • 输入类型number：

    <input type="number" min="xxx" max="yyy" title="Format: 3 digits" />

    – 仅验证范围 – 如果用户输入非数字，则提交 空值
    – 使用增量/减量控件增强字段视觉效果（取决于浏览器）

  • pattern属性：

    <input type="text" pattern="[0-9]{3}" title="Format: 3 digits" />
<input type="text" pattern="\d{3}" title="Format: 3 digits" />

    – 这使您可以完全控制格式（您可以通过正则表达式指定的任何内容）
    – 没有视觉差异/增强

但是在这里您仍然依赖于浏览器功能，因此无论哪种情况都要进行服务器端验证。

于 2012-09-21T15:38:43.707 回答