表格控件中的验证

Question

目前我正在做一个 web 表单并添加了一些textbox供用户插入数据库。 它已经工作正常，验证似乎成功工作，没有任何异常或错误。 但我需要对齐textbox以使其正确显示在浏览器（Mozilla FireFox）上。

问题是，我的验证IS IN THE TABLE中似乎不起作用，当我清楚地用正确的数据类型填充该文本框时，我一直遇到错误，指出我的textbox是 null。

这是我的代码：

<table>

  <tr>
    <td>&nbsp;Customer name&nbsp;</td>
    <td><asp:TextBox ID="txtCustomerName0" runat="server" display="Dynamic" ValidationGroup="VG"></asp:TextBox></td>
    <td class="style1">
      <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"
        ErrorMessage="This field must be filled in"
        ControlToValidate="txtCustomerName0"
        ValidationGroup="VG" Display="Dynamic"></asp:RequiredFieldValidator></td>
  </tr>

  <tr>
    <td>&nbsp;Contact&nbsp;</td>
    <td><asp:TextBox ID="txtContact0" runat="server" ValidationGroup="VG"></asp:TextBox></td>
    <td>
      <asp:CompareValidator ID="CompareValidator9" runat="server"
        ControlToValidate="txtContact0" ErrorMessage="Please put correct phone no."
        Operator="DataTypeCheck" Type="Integer"
        ValidationGroup="VG" Display="Dynamic"></asp:CompareValidator>
    </td>
  </tr>

  <tr>
    <td>ProductCode</td>
    <td><asp:TextBox ID="txtProductCode0" runat="server" ValidationGroup="VG"></asp:TextBox></td>
    <td>&nbsp;</td>
  </tr>

  <tr>
    <td>ProductName</td>
    <td><asp:TextBox ID="txtProductName0" runat="server" ValidationGroup="VG"></asp:TextBox></td>
    <td>&nbsp;</td>
  </tr>

  <tr>
    <td>Description</td>
    <td><asp:TextBox ID="txtDescription0" runat="server" ValidationGroup="VG"></asp:TextBox></td>
    <td>&nbsp;</td>
  </tr>

  <tr>
    <td>Address</td>
    <td><asp:TextBox ID="txtAddress0" runat="server" ValidationGroup="VG"></asp:TextBox></td>
    <td>&nbsp;</td>
  </tr>

  <tr>
    <td>Quantity</td>
    <td><asp:TextBox ID="txtQuantity0" runat="server" ValidationGroup="VG"></asp:TextBox></td>
    <td>
      <asp:CompareValidator ID="CompareValidator10" runat="server"
        ControlToValidate="txtQuantity0" ErrorMessage="Please put correct quantity"
        Operator="DataTypeCheck" Type="Integer"
        ValidationGroup="VG"></asp:CompareValidator>
    </td>
  </tr>

  <tr>
    <td>UnitSalePrice</td>
    <td><asp:TextBox ID="txtUnitSalePrice0" runat="server" ValidationGroup="VG"></asp:TextBox></td>
    <td>
      <asp:CompareValidator ID="CompareValidator11" runat="server"
        ControlToValidate="txtUnitSalePrice0" ErrorMessage="Please put correct price"
        Operator="DataTypeCheck" Type="Currency" 
        ValidationGroup="VG"></asp:CompareValidator>
    </td>
  </tr>

  <tr>
    <td>Amount</td>
    <td><asp:TextBox ID="txtAmount0" runat="server" ValidationGroup="VG"></asp:TextBox></td>
    <td>
      <asp:CompareValidator ID="CompareValidator12" runat="server"
        ControlToValidate="txtAmount0" ErrorMessage="Please put correct amount"
        Operator="DataTypeCheck" Type="Currency" 
        ValidationGroup="VG"></asp:CompareValidator>
    </td>
  </tr>

  <tr>
    <td>RequiredDate</td>
    <td><asp:TextBox ID="txtRequiredDate0" runat="server" ValidationGroup="VG"></asp:TextBox></td>
    <td>
      <asp:CompareValidator ID="CompareValidator13" runat="server"
        ControlToValidate="txtRequiredDate0"
        ErrorMessage="Please put correct date format" Operator="DataTypeCheck"
        Type="Date" ValidationGroup="VG"></asp:CompareValidator>
    </td>
  </tr>

  <tr>
    <td>ConfirmedDate</td>
    <td><asp:TextBox ID="txtConfirmedDate0" runat="server" ValidationGroup="VG"></asp:TextBox></td>
    <td>
      <asp:CompareValidator ID="CompareValidator14" runat="server"
        ControlToValidate="txtConfirmedDate0" 
        ErrorMessage="Please put correct date format" 
        Operator="DataTypeCheck" Type="Date" 
        ValidationGroup="VG"></asp:CompareValidator></td>
  </tr>

  <tr>
    <td><asp:Button ID="btnAdd" runat="server" onclick="btnAdd_Click" Text="ADD" ValidationGroup="VG" /></td>
    <td><asp:Button ID="btnBack0" runat="server" onclick="btnHome_Click" Text="Back" /></td>
    <td></td>
  </tr>

</table>

Answer 1

使用 Alignment 的“宽度”属性

Answer 2

为此制作 css 文件。 在文件中添加一个class，例如：

.textbox
{
text-align:center;  
}

将该cssclass="textbox"与您的textbox一起应用，您将获得文本框对齐。