表格控件中的验证

Question

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

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

这是我的代码：

<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

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

.textbox
{
text-align:center;  
}

将cssclass="textbox" 与您一起应用textbox 和 你会得到文本框对齐。

Answer 2

使用“宽度”属性进行对齐