ASP.NET WebForms - JavaScriptの検証と検証コントロールを同時に実行する

Question

私が開発しているアプリケーションでは、ASP.NET Webフォームによって提供される検証コントロールと、使用しているフォームの特定の部分JavaScript。

[Submit]ボタンをクリックすると、まずASP.NETの検証が行われ、次にJavaScriptで行われたカスタム検証が行われます。その結果、フォームが不完全で送信されると、ASP.NET検証エラーのみが表示され、これらのエラーが修正されてフォームが送信されると、検証エラーが表示されます。

私が望むのは、ユーザーが[送信]ボタンをクリックすると、ASP.NET検証とJavaScript検証が同時に行われるため、ユーザーはすべてのエラーを一度に見ることができるということです。

<form id="StudentLSFApplication" runat="server" onsubmit="return validateForm()"> 
    <!--other html code--> 
    <asp:Button ID="SaveLSFApplication" runat="server" Text="Save Application" OnClick="saveApplication" 
      ValidationGroup="AllValidation" /> 
</form> 

<script> 
    function validateForm() { 
     //my validation 
    } 
</script> 

あなたは私のサンプルコードから見ることができるように、私はvalidateForm()がonsubmitイベントに呼び出されるJavaScript関数を持っている、とButton制御がAllValidation検証グループの一部です。現時点では、フォーム提出時にAllValidationが最初に発生し、それが問題なければvalidateForm()が発生します。

Answer 1

あなたが探しているものは、CustomValidatorだと思います。

<script type="text/javascript"> 
     function validateFormElement(sender, args) { 
      if (args.Value == "waarde") { 
       args.IsValid = true; 
      } else { 
       args.IsValid = false; 
      } 
     } 
    </script> 

    <asp:TextBox ID="TextBox1" runat="server" ValidationGroup="myValidation"></asp:TextBox> 

    <asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="Input error" ValidationGroup="myValidation" ClientValidationFunction="validateFormElement" ControlToValidate="TextBox1"></asp:CustomValidator> 

    <asp:Button ID="Button1" runat="server" Text="Button" ValidationGroup="myValidation" /> 

その他のバリデータは引き続き使用できます。その1つのjavascript関数に必要なすべてのバリデーションを詰める必要はありません。