Question

这是我的代码：

<asp:Button ID="btnSave" runat="server" OnClick="Save" CssClass="StylizedButton" resourcekey="btnSave" />

   <div id="lbltot"></div>

JavaScript代码：

$(document).ready(function() {
              $("#<%= btnSave.ClientID %>").click(function() {
                  var functionReturn = true;
                  var focusElement = null;
                  var tot = $("<%= lblTotal.ClientID %>").val();
                  var txt1 = $("<%= txt1.ClientID %>").val();
                  var txt2 = $("<%= txt2.ClientID %>").val();
                  var txt3 = $("<%= txt3.ClientID %>").val();
                  var txt4 = $("<%= txt4.ClientID %>").val();
                  var cal = parseInt(txt1) + parseInt(txt2) + parseInt(txt3) + parseInt(txt4);
                  if (cal == 100)
                  { return true; }
                  else {
                      $("lbltot").html("Total must be equal to 100%");  
              focusElement = tot; 
              functionReturn = false;

              }
          });
      });

在客户端验证时，我必须检查TextBox的值，总数应该等于100.如果为true，我应该允许它执行。如果没有，我需要抛出一个错误，说明总数应为100。

触发提交按钮后，它会显示文本消息，直到回发，然后消失。这部分：

else {
                          $("lbltot").html("Total must be equal to 100%");  
                  focusElement = tot; 
                  functionReturn = false;
}

有没有更好的方法来显示持续存在的错误？

Answer 1

您应该返回functionReturn，以便不会发生提交操作

JavaScript / jQuery设置内容到<div>后回发</div>不粘

1 个答案: