ajaxToolkit應用 Textbox輸入實例

原創

2020-02-21 15:43

<textarea cols="50" rows="15" name="code" class="c-sharp:collapse:firstline[1]"><%@ Page Language="VB" AutoEventWireup="false" CodeFile="TestInputCheckAndSubmitCheck.aspx.vb" Inherits="Forms_TestInputCheckAndSubmitCheck" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> <mce:style></mce:style><style mce_bogus="1"> .MaskedEditFocus { background-color: #ffffcc; color: #000000; } .MaskedEditError { background-color: #ffcccc; } </style> </head> <body> <form id="myForm" runat="server"> <ajaxToolkit:ToolkitScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="true" EnableScriptLocalization="true" /> <table> <tr> <td>Salary:</td> <td> <%-- <asp:TextBox ID="txtSalary" runat="server" Width="80px" Height="16px" ValidationGroup="MKE" BorderStyle="solid" BorderWidth="1px" BorderColor="#a9a9a9" style="text-align: right;" mce_style="text-align: right;" />--%> <asp:TextBox ID="txtSalary" runat="server" Width="80px" Height="16px" ValidationGroup="MKE" style="text-align: right;" mce_style="text-align: right;" /> <ajaxToolkit:MaskedEditExtender ID="meeSalary" runat="server" TargetControlID="txtSalary" Mask="9,999,999.99" MessageValidatorTip="true" OnFocusCssClass="MaskedEditFocus" OnInvalidCssClass="MaskedEditError" MaskType="Number" InputDirection="RightToLeft" AcceptNegative="None" DisplayMoney="None" ErrorTooltipEnabled="false" /> <ajaxToolkit:MaskedEditValidator ID="mevSalary" runat="server" ControlExtender="meeSalary" ControlToValidate="txtSalary" IsValidEmpty="false" Display="None" ValidationGroup="MKE" /> <asp:RequiredFieldValidator ID="rfvSalary" runat="server" ControlToValidate="txtSalary" Display="None" ErrorMessage="請輸入金額！" /> <ajaxToolkit:ValidatorCalloutExtender ID="vceSalary" runat="Server" TargetControlID="rfvSalary" HighlightCssClass="validatorCalloutHighlight" /> </td> </tr> </table> <asp:Button ID="btSubmit" runat="server" Text="Submit" /> <br/> </form> </body> </html></textarea>