JQuery submit button doesn't fire

Question

I have the following code but it doesn't fire or doesn't show any error when I click on the save button. Could you please let me know what could be the problem? Thank you.

<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>

that means you want to implement multiple process on submit button click? — thecodeparadox
– thecodeparadox, Commented May 24, 2012 at 19:37

Jonathan Bates · Accepted Answer · 2012-05-24 19:39:18Z

1

I think you selector line needs to have quotes around the id value:

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

answered May 24, 2012 at 19:39

Jonathan Bates

1,83514 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

thecodeparadox · Accepted Answer · 2012-05-24 19:39:56Z

1

I think

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

});

is enough.

don't need to use

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

and where is your btnSave_Click function

answered May 24, 2012 at 19:39

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

Comments

Kapil Khandelwal · Accepted Answer · 2012-05-24 19:38:48Z

Try this:

<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>

nav100 · Accepted Answer · 2012-05-24 20:03:52Z

0

It works when I use

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

answered May 24, 2012 at 20:03

nav100

3,19319 gold badges58 silver badges89 bronze badges

1 Comment

Jonathan Bates Over a year ago

the <asp:Button> is going to generate <input type='sumbit' ...> but the id is going to be set to something like "ctl100_btnSave" depending upon how deeply the button itself is nested in other server controls, like master pages and so on. the reason the example in the answer works is because the ClientID property is the value you set (btnSave) and matches the variable name in the code behind. Your original code would work, I think your wildcarding is wrong is all.

Collectives™ on Stack Overflow

JQuery submit button doesn't fire

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related