Question

我有以下代码但是当我点击保存按钮时它没有触发或没有显示任何错误。你能告诉我可能出现什么问题吗？谢谢。

<script type="text/javascript">
$(document).ready(function () {
  $('input[id*=btnSave]').click(function () {
    var txtFirstName = $('input[id*=txtFirstName]').val();
    var txtLastName = $('input[id*=txtLastName]').val();
    var errMsg = '';
    var errMsg = "<ul>";
    if (txtFirstName == '') {
      errMsg = errMsg + "<li>First Name is required</li>";
      return false;
    }
    if (txtLastName == '') {
      errMsg = errMsg + "<li>Last Name is required</li>";
      return false;
    }
    errMsg = errMsg + "</ul>";
  });
});
</script>

<telerik:RadTextBox ID="txtLastName" runat="server" />
<telerik:RadTextBox ID="txtFirstName" runat="server"/>
<asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click"></asp:Button>

Answer 1

我认为你的选择线需要在id值周围加上引号：

$('input[id*="btnSave"]').click(function () {

Answer 2

我认为

$('input#btnSave').click(function() {

});

就够了。

不需要使用

$('input[id*=btnSave]')

您的btnSave_Click功能

在哪里？

Answer 3

试试这个：

<script type="text/javascript">
           $(document).ready(function () {
                $('#btnSave').click(function () {

                    var txtFirstName = $('#txtFirstName').val();
                    var txtLastName = $('#txtLastName').val();
                    var errMsg = '';
                    var errMsg = "<ul>";
                    if (txtFirstName == '') {
                        errMsg = errMsg + "<li>First Name is required</li>";
                        return false;
                    }
                    if (txtLastName == '') {
                        errMsg = errMsg + "<li>Last Name is required</li>";
                        return false;
                    }
                errMsg = errMsg + "</ul>";
                });
            });
    </script>

Answer 4

我使用

时有效

$('#<%= btnSave.ClientID %>').click(function ()

JQuery提交按钮不会触发

4 个答案: