内部jQuery在chrome，IE，FF中不起作用

Question

The jQuery code below does work when I open the preview editor from Aptana Studio 3. Unfortunately, the jQuery doesn't work when I open my webpage with Chrome, IE or FF

<script>
        $(document).ready(function() {
            $('input[type="text"],input[type="password"],select,:submit').addClass("idleField");  
            $('input[type="text"],input[type="password"],select').focus(function() {  
                $(this).removeClass("idleField").addClass("focusField");  
                if (this.value == this.defaultValue){  
                    this.value = '';  
                }
                if(this.value != this.defaultValue){  
                    this.select();  
                }  
            });

            $('input[type="text"],input[type="password"],select').blur(function() {  
                $(this).removeClass("focusField").addClass("idleField");  
                if ($.trim(this.value == '')){
                    this.value = (this.defaultValue ? this.defaultValue : this.value);  
                }
            });

            $('#DOBM,#DOBY').change(function() {
                if ($('#DOBM').val() == '04'||$('#DOBM').val() == '06'||$('#DOBM').val() == '09'||$('#DOBM').val() == '11') {
                    $("#DOBD option[value='31']").remove();
                    if ($("#DOBD option[value='29']").length == 0){
                        $("#DOBD").append("<option value='29'>29</option>");
                    }
                    if ($("#DOBD option[value='30']").length == 0){
                        $("#DOBD").append("<option value='30'>30</option>");
                    }
                }
                if ($('#DOBM').val() == '01'||$('#DOBM').val() == '03'||$('#DOBM').val() == '05'||
                $('#DOBM').val() == '07'||$('#DOBM').val() == '08'||$('#DOBM').val() == '10'||$('#DOBM').val() == '12'){
                    if ($("#DOBD option[value='29']").length == 0){
                        $("#DOBD").append("<option value='29'>29</option>");
                    }
                    if ($("#DOBD option[value='30']").length == 0){
                        $("#DOBD").append("<option value='30'>30</option>");
                    }
                    if ($("#DOBD option[value='31']").length == 0){
                        $("#DOBD").append("<option value='31'>31</option>");
                    }
                }
                if ($('#DOBM').val() == '02'){
                    $("#DOBD option[value='31']").remove();
                    $("#DOBD option[value='30']").remove();
                    $("#DOBD option[value='29']").remove();
                    if (($('#DOBY').val() % 4 == 0)&&($('#DOBY').val() % 100 != 0)||($('#DOBY').val() % 400 == 0)){
                        $("#DOBD").append("<option value='29'>29</option>");
                    }
                }
            })
        })
    </script>

Does someone have an idea why it doesn't work? I'm new to programming and any help/advice is really appreciated. Thanks!

Edit: this is what should happen on fiddle:

The first two blocks of jQuery were written to change the CSS on the form inputs. On focus, the inputs will change to "focusField", and therefore will have new CSS properties that are in the .css file. On blur, it changes back to class "idleField".

If the user hasn't typed in the input, the default value comes back. If the user has typed something, it keeps his input. This DOES work.

The rest of my jQuery code is to update the number of days in a month. If month selected is 04||06||09||11, then delete day 31 and append days 29,30 if they don't exist. If month selected is 01||03||05||07||08||10||12, then append days 29,30,31 if they don't exist. The last block is for February (02). Remove days 31,30,29. If leap year, append day 29.

Answer 1

I changed few things in your fiddle and it's now working

See if this is what you want

Fiddle

• You had unnecessary brackets at the end })