提交成功后進行驗證

Question

我想驗證一個文本框字段。 當我在javascript末尾刪除return false時，驗證控件運行良好。 但是刪除return false不會提交數據。 我還觀察到，當我使用return false時，數據已成功提交，但在提交數據后檢查了驗證。

function ConvertToImage(btnExport) {
  html2canvas($("#myDIV")[0]).then(function(canvas) {
    var base64 = canvas.toDataURL();
    $("[id*=hfImageData]").val(base64);
    __doPostBack(btnExport.name, "");
  });
  return false;
}

<asp:TextBox runat="server" ID="custom_Name" Height="50px" ValidationGroup="vg" Width="250px"></asp:TextBox><br />
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" Font-Size="X-Large" ControlToValidate="custom_Name" ErrorMessage="Please Enter Product Name" ValidationGroup="vg"></asp:RequiredFieldValidator>
<br />
<asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ErrorMessage="Only Alphabets are Allowed" Font-Size="X-Large" ControlToValidate="custom_Name" ValidationExpression="[a-zA-Z ]*$" ValidationGroup="vg"></asp:RegularExpressionValidator>
<!--Button for save image start-->
<asp:HiddenField ID="hfImageData" runat="server" />
<asp:Button ID="btnExport" Text="Export to Image" runat="server" CausesValidation="true" OnClick="ExportToImage_Click" OnClientClick="return ConvertToImage(this)" CssClass="btnstyle" ValidationGroup="vg" Height="50px" Width="200px" />
<!--Button for save image ends-->

Answer 1

您需要在OnClientClick添加javascript: OnClientClick

OnClientClick="return ConvertToImage(this)"將是

OnClientClick="javascript:return ConvertToImage(this)"