使用asp.net web表单+angularjs选项卡进行验证如何解决?

kyxcudwk  于 2021-09-29  发布在  Java
关注(0)|答案(0)|浏览(276)

我在使用asp.net web表单的一部分以及实现angularjs材质选项卡时遇到了这些问题。现在,当我写无效的数字时(我在这个输入上有验证器),我没有看到消息。但是,如果我删除了标签并保持原样,它会起作用。也许有人也面临同样的问题,并能建议在这种情况下该怎么办?

  1. <asp:Content ID="Content3" ContentPlaceHolderID="_CPHFormBody" runat="server">
  2. <table width="100%">
  3. <tr>
  4. <td>
  5. <div ng-app="MyApp">
  6. <div id="ctrl" ng-controller="AppCtrl">
  7. <md-content class="md-padding">
  8. <md-tabs md-selected="<%= ActiveTab %>" md-dynamic-height md-border-bottom>
  9. <md-tab id="builder" label="General">
  10. <md-tab-body>
  11. <table style="width: 100%">
  12. <tr>
  13. <td>
  14. <asp:HiddenField runat="server" id="_HFErrorMessage" />
  15. <uc:DataProviderCommonFields ID="_UC1" runat="server" />
  16. <fc:TextBox ID="_UCWSUrl" runat="server" IsRequired="true" RemoveAutoComplete="true" RegExValidation="StringMaxLength8000" />
  17. <fc:DropDownList ID="_DDLAuthType" runat="server" IsRequired="false" AutoPostBack="true" OnTextChanged="_DDLAuthType_TextChanged" />
  18. <fc:TextBox ID="_UCUsername" runat="server" IsRequired="false" RemoveAutoComplete="true" RegExValidation="StringMaxLength255" />
  19. <fc:TextBox ID="_UCPassword" runat="server" IsRequired="false" RemoveAutoComplete="true" TextMode="Password" />
  20. <asp:Label AssociatedControlID="CertificateFile" ID="CertificateFileLabel" runat="server" />
  21. <span runat="server" id="CertificateStatus" />&nbsp;<asp:FileUpload ID="CertificateFile" runat="server" IsRequired="false" CssClass="CertificateFile" />
  22. <asp:CustomValidator ID="CertificateValidator" runat="server" ControlToValidate="CertificateFile" OnServerValidate="ValidateCertificate" CssClass="error" ValidateEmptyText="true" />
  23. <fc:TextBox ID="_UCContentType" runat="server" IsRequired="false" RemoveAutoComplete="true" RegExValidation="StringMaxLength100" />
  24. <fc:CheckBox ID="_UCCleanCharset" runat="server" Checked="false" />
  25. <fc:TextBox ID="_UCRequestHeaders" runat="server" IsRequired="false" RemoveAutoComplete="true" RegExValidation="StringMaxLength8000" />
  26. <fc:TextBox ID="_UCResponseHeaders" runat="server" IsRequired="false" RemoveAutoComplete="true" RegExValidation="StringMaxLength8000" />
  27. CustomerHeader1;CustomerHeader2; (You will be able to map values in the mapping screens).
  28. <fc:TextBox ID="_UCAllowedHttpStatusCodes" runat="server" IsRequired="false" RemoveAutoComplete="true" RegExValidation="StringMaxLength255" />
  29. Allowed http status codes seperated by commas, for example: 404,204
  30. <br />
  31. Http status codes above will be referred as "Success"
  32. <fc:CheckBox ID="_CBIsBinaryResponse" runat="server" />
  33. </td>
  34. </tr>
  35. </table>
  36. </md-tab-body>
  37. </md-tab>
  38. <md-tab id="query" label="OAuth 2.0 settings">
  39. <md-tab-body>
  40. <table style="width: 100%;">
  41. <tr>
  42. <td>
  43. <asp:Label ID="NoSettingsLbl" runat="server" Text="*No additional settings for X authentication type"></asp:Label>
  44. <asp:Label BackColor="Yellow" CssClass="warning" ID="_MultipleProfilesHint" Visible="false" runat="server" Text="*Please add 'ProfileID' parameter to interface when using multiple authentication profiles"></asp:Label>
  45. <asp:DataList
  46. BorderColor="Black"
  47. ID="Profiles" runat="server" ValidateRequestMode="Disabled">
  48. <SeparatorTemplate>
  49. <a>----------------------------------------------------------</a>
  50. </SeparatorTemplate>
  51. <ItemTemplate>
  52. <div class="form-field">
  53. <asp:Label runat="server" Text="ProfileID"></asp:Label>
  54. <asp:TextBox ID="ID" Enabled="false" CssClass="textbox" Text='<%# Bind("ProfileID") %>' runat="server"></asp:TextBox>
  55. </div>
  56. <fc:DropDownList Label="Grant Type" ID="_DDLGrantType" runat="server" IsRequired="false" Text='<%#Eval("GrantType") %>' AutoPostBack="true">
  57. <items>
  58. <asp:ListItem Text="Authorization Code" />
  59. <asp:ListItem Text="Implicit" />
  60. <asp:ListItem Text="Password Credentials" />
  61. <asp:ListItem Text="Client Credentials" />
  62. </items>
  63. </fc:DropDownList>
  64. <fc:DropDownList
  65. Label="Add token to:"
  66. ID="_DDLHeaderOrURL"
  67. runat="server"
  68. Text='<%#Eval("AddTokenTo") %>'
  69. AutoPostBack="true">
  70. <items>
  71. <asp:ListItem Text="Header" />
  72. <asp:ListItem Text="Url" />
  73. </items>
  74. </fc:DropDownList>
  75. <div class="form-field">
  76. <asp:Label runat="server" Text="Auth Url"></asp:Label>
  77. <asp:TextBox ID="_AuthURL" CssClass="textbox" Text='<%# Bind("AuthUrl") %>' runat="server"></asp:TextBox>
  78. <asp:RequiredFieldValidator runat="server" Text="Required" ControlToValidate="_AuthURL" Visible='<%#
  79. (Eval("GrantType").ToString()=="Authorization Code" || Eval("GrantType").ToString()=="Implicit")
  80. && (Eval("AuthUrl") == null || string.IsNullOrEmpty(Eval("AuthUrl").ToString())) %>'
  81. CssClass="srvvalidationtext">
  82. </asp:RequiredFieldValidator>
  83. </div>
  84. <div class="form-field">
  85. <asp:Label runat="server" Text="Access Token URL"></asp:Label>
  86. <asp:TextBox ID="_AccessTokenURL" CssClass="textbox" Text='<%# Bind("AccessTokenUrl") %>' runat="server"></asp:TextBox>
  87. <asp:RequiredFieldValidator runat="server" Text="Required" ControlToValidate="_AccessTokenURL" Visible='<%#
  88. (Eval("GrantType").ToString()=="Authorization Code" || Eval("GrantType").ToString()=="Client Credentials" || Eval("GrantType").ToString()=="Password Credentials")
  89. && (Eval("AccessTokenUrl") == null || string.IsNullOrEmpty(Eval("AccessTokenUrl").ToString())) %>'
  90. CssClass="srvvalidationtext">
  91. </asp:RequiredFieldValidator>
  92. </div>
  93. <div class="form-field">
  94. <asp:Label runat="server" Text="Username"></asp:Label>
  95. <asp:TextBox ID="_Username" CssClass="textbox" Text='<%# Bind("Username") %>' runat="server"></asp:TextBox>
  96. <asp:RequiredFieldValidator runat="server" Text="Required" ControlToValidate="_Username" Visible='<%#
  97. (Eval("GrantType").ToString()=="Password Credentials")
  98. && (Eval("Username") == null || string.IsNullOrEmpty(Eval("Username").ToString())) %>'
  99. CssClass="srvvalidationtext">
  100. </asp:RequiredFieldValidator>
  101. </div>
  102. <div class="form-field">
  103. <asp:Label runat="server" Text="Password"></asp:Label>
  104. <fc:PasswordBox TextMode="Password" ID="_Password" Password='<%# Bind("Password") %>' runat="server"></fc:PasswordBox>
  105. <asp:RequiredFieldValidator runat="server" Text="Required" ControlToValidate="_Password" Visible='<%#
  106. (Eval("GrantType").ToString()=="Password Credentials")
  107. && (Eval("Password") == null || string.IsNullOrEmpty(Eval("Password").ToString())) %>'
  108. CssClass="srvvalidationtext">
  109. </asp:RequiredFieldValidator>
  110. </div>
  111. <div class="form-field">
  112. <asp:Label runat="server" Text="Client ID"></asp:Label>
  113. <asp:TextBox ID="_ClientID" CssClass="textbox" Text='<%# Bind("ClientId") %>' runat="server"></asp:TextBox>
  114. <asp:RequiredFieldValidator runat="server" Text="Required" ControlToValidate="_ClientID" Visible='<%#
  115. (Eval("ClientId") == null || string.IsNullOrEmpty(Eval("ClientId").ToString())) %>'
  116. CssClass="srvvalidationtext">
  117. </asp:RequiredFieldValidator>
  118. </div>
  119. <div class="form-field">
  120. <asp:Label runat="server" Text="Client Secret"></asp:Label>
  121. <fc:PasswordBox TextMode="Password" ID="_ClientSecret" Password='<%# Bind("ClientSecret") %>' runat="server"></fc:PasswordBox>
  122. <asp:RequiredFieldValidator runat="server" Text="Required" ControlToValidate="_ClientSecret" Visible='<%#
  123. (Eval("GrantType").ToString()=="Authorization Code" || Eval("GrantType").ToString()=="Client Credentials" || Eval("GrantType").ToString()=="Password Credentials")
  124. && (Eval("ClientSecret") == null || string.IsNullOrEmpty(Eval("ClientSecret").ToString())) %>'
  125. CssClass="srvvalidationtext">
  126. </asp:RequiredFieldValidator>
  127. </div>
  128. <div class="form-field">
  129. <asp:Label runat="server" Text="Scope"></asp:Label>
  130. <asp:TextBox ID="_Scope" CssClass="textbox" Text='<%# Bind("Scope") %>' runat="server"></asp:TextBox>
  131. </div>
  132. <div class="form-field">
  133. <asp:Label runat="server" Text="Token"></asp:Label>
  134. <asp:TextBox ID="_Token" CssClass="textbox" Enabled="false" Text='<%# Bind("AccessToken") %>' runat="server"></asp:TextBox>
  135. </div>
  136. <div class="form-field">
  137. <asp:Label ID="ErrorLabel" runat="server" Visible="false" ForeColor="Red"></asp:Label>
  138. </div>
  139. <asp:Button OnClick="GetTokenClicked" CssClass="classname" runat="server" ID="_GetToken" Text="Get Token"></asp:Button>
  140. </ItemTemplate>
  141. </asp:DataList>
  142. <br />
  143. <br />
  144. <br />
  145. <asp:Button runat="server" Text="Add Profile" CssClass="classname" OnClick="AddToken_Click" ID="_AddToken" />
  146. </td>
  147. </tr>
  148. </table>
  149. </md-tab-body>
  150. </md-tab>
  151. </md-tabs>
  152. </md-content>
  153. </div>
  154. </div>
  155. </td>
  156. </tr>
  157. </table>
  158. <script src="../lib/angular/1.7.9/angular.min.js"></script>
  159. <script src="../lib/angular-animate/1.7.9/angular-animate.min.js"></script>
  160. <script src="../lib/angular-aria/1.7.9/angular-aria.min.js"></script>
  161. <script src="../lib/angular-resource/1.7.9/angular-resource.min.js"></script>
  162. <script src="../lib/angular-material/1.2.2/angular-material.min.js"></script>
  163. <script>
  164. angular.module('MyApp', ['ngMaterial']).controller('AppCtrl', function ($scope, $mdDialog) {
  165. var vm = $scope;
  166. var errorMessage = '<%=_HFErrorMessage.Value%>';
  167. angular.element(document).ready(function () {
  168. if (errorMessage.length > 0) {
  169. showError(errorMessage);
  170. }
  171. });
  172. function showError(message) {
  173. $mdDialog.show(
  174. $mdDialog.alert({
  175. controller: function ($mdDialog) {
  176. this.close = function () {
  177. $mdDialog.hide();
  178. },
  179. this.cancel = function () {
  180. $mdDialog.cancel();
  181. }
  182. },
  183. controllerAs: 'ctrl',
  184. templateUrl: '../scripts/pages/views/error.tmp.html',
  185. parent: angular.element(document.body),
  186. clickOutsideToClose: true,
  187. locals: {
  188. message: message
  189. }
  190. }));
  191. };
  192. });
  193. </script>
  194. </asp:Content>

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题