jQuery alert not working in IE 8

Question

I have the following script that is not working in IE 8, it works in other browsers fine but in IE 8... all the user gets, even with the checkbox input selected is alert. Any thoughts would be greatly appreciated.

$(function() {
    $("form#insider-account").bind("keypress", function(e) {
       if (e.keyCode == 13) return false;
    });

   var isChecked = false;

   $("form#insider-account").change(function() {
      if ($("input#insideraccount_verified").is(":checked")) {
         isChecked = true; 
      } else {
         isChecked = false;   
      }
   });

   $("form#insider-account").submit(function(e) {
      if (!isChecked) {
         e.preventDefault();
         alert("You must agree that the information you provided is correct.");
      }
      else {

      }
   });
});

Is the change function being called? Use the console to find out. — epascarello, Dec 06 '13 at 15:15
Is `$("form#insider-account").submit(function(e) { alert('Hi')});` works? — Murali Murugesan, Dec 06 '13 at 15:16
Yes @MarcellFülöp alert is not jQuery, maybe I should have worded my post jQuery/JavaScript. — philecker, Dec 06 '13 at 15:19

Stefan · Accepted Answer · 2013-12-06T16:34:17.220

2

Not sure why you set isChecked in a separate event from the submit-event. I think your problem is that in IE8, this:

 $("form#insider-account").change(...

Isn't triggered when a control inside the form is changed. Why not attach the change event to the control itself:

$("input#insideraccount_verified").change(...

Or, better, just check that the checkbox is checked in the submit event instead of using a variable that you set in some other event:

$("form#insider-account").submit(function (e) {
            if (!$("input#insideraccount_verified").is(":checked")) {
                e.preventDefault();
                alert("You must agree that the information you provided is correct.");
            }
            else {

            }
        });

edited Dec 06 '13 at 16:34

answered Dec 06 '13 at 15:19

Stefan

1,719
2
15
27

I tried the example provided but not preventing the form from submitting if the checkbox isn't checked. – philecker Dec 06 '13 at 16:05
Do you get the alert though? You may have to add a "return false" after the alert for IE. – Stefan Dec 06 '13 at 16:09
No I do not get the alert, the form just submits. – philecker Dec 06 '13 at 16:17
I stand correct, after noticing your example was missing a { everything is working perfectly. Thanks. – philecker Dec 06 '13 at 16:32

score 0 · Answer 2 · edited May 23 '17 at 11:57

0

Listen for change on elements inside the form instead of the form iteself, after searching google for "form change ie jquery" there were a number of results stating that this was an issue including jQuery .change() event not firing in IE

It's suggested there to use the on event instead, which will listen to the change event for input elements inside your form, like so:

$("form#insider-account input").on('change', function() {
    isChecked = $("input#insideraccount_verified").is(":checked");
});

edited May 23 '17 at 11:57

Community

1
1

answered Dec 06 '13 at 15:18

zachallia

1,495
12
16

Your code seems to do the same thing mine did, works in Chrome, but doesn't work in IE 8. – philecker Dec 06 '13 at 15:41
If it doesn't bubble the way he's currently doing it, it won't work this way either as it depends on that same bubbling. In a sense it's identical to what's in the OP. the edit is better. – Kevin B Dec 06 '13 at 15:47
@KevinB true.. i was going off the suggestions in that thread. Edited to be directly listening to the input changes. – zachallia Dec 06 '13 at 15:49

jQuery alert not working in IE 8

2 Answers2