javascript - 成功提交后进行验证

标签 javascript c# asp.net

我想验证一个文本框字段。当我删除 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-->

最佳答案

您需要在OnClientClick中添加javascript:

OnClientClick="return ConvertToImage(this)" 将是

OnClientClick="javascript:return ConvertToImage(this)"

关于javascript - 成功提交后进行验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51273273/

相关文章:

javascript - 任何人都知道一个好的 Javascript 提示用户升级他们的浏览器

javascript - 使用 javascript/jquery 动态创建 div

c# - 等待多个异步调用完成?

sql - 如何在 ASP.NET 中连接到 SQL Server Compact 4.0?

asp.net - 捕获httpwebrequest超时后如何关闭底层连接

javascript - React 表中的嵌套对象数组

javascript - 打印机忽略了什么?

c# - 基类包括字段 'report' ,但其类型 (Microsoft.Reporting.WebForms.ReportViewer) 是

c# - 如何通知父类有关属性更改

c# - 是否保证一个线程将在 aspnet 中完成?