Question

目前我正在创建一个Web表单，并为用户添加了一些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

使用“对齐”的“宽度”属性

Answer 2

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

.textbox
{
text-align:center;  
}

将cssclass="textbox"与textbox和{{1}}一起应用你会得到textbox align。

表控制中的验证

2 个答案: