jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – AJAX调用适用于Chrome和Safari,但不适用于Firefox和IE?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的代码,用于重置用户的密码,以防用户忘记密码.数据通过AJAX请求发送到PHP代码,PHP代码根据输入的有效性简单地回显“Y”或“N”.

问题是,AJAX调用在Firefox 19和IE 9中不起作用.我没有在其他版本的IE中尝试过. AJAX调用在chrome和safari中完美运行.有没有人遇到同样的问题?有人可以帮忙吗?

<title> Forgot password? </title>    

    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://jzaefferer.github.com/jquery-  validation/jquery.validate.js"></script>

    <style type="text/css">

        label.error { color: red;  }

        #status { color: green; }

    </style>

    <script>

        $(document).ready(function(){

            $('#code_form').hide();

            $('#password_form').hide();

            $("#email_form").validate({

                onkeyup: false,rules: {

                  email: {
                    required: true,email: true
                  }
                },messages: {
                  email: {
                  required: "Please enter your email ID.",email: "Please enter a valid email ID."
                 }
               }

            });


            $('#email_send').click(function() {

                event.preventDefault();

                var email = $('#email').val();

                $.ajax({
                    type: "POST",url: "reset_code.PHP",data: {email: email},cache: false,success: function(responsE){

                    if(response == "Y")
                    {
                        $('#code_form').show();
                        $('#email_send').hide();
                        $('#status').html("check your mail for the reset code.");

                    }
                    else
                    {

                        $('#status').html("Looks like you have entered a wrong email ID.");

                    }

                 }

            });

            });


            $("#code_form").validate({

                onkeyup: false,rules: {

                  code: {
                    required: true,digits: true
                  }
                },messages: {
                  code: {
                  required: "Please enter the code received in your mail.",digits: "Please enter the code received in your mail."
                 }
               }

             });

             $('#code_send').click(function() {

               event.preventDefault();

               var email = $('#email').val();
               var code = $('#code').val();


                $.ajax({
                type: "POST",url: "code_verify.PHP",data: {email: email,code: codE},success: function(responsE){

                    if(response == "Y")
                    {
                        $('#password_form').show();
                        $('#code_send').hide();
                        $('#status').html("Ok,Now enter your password twice before you forget again.");

                    }
                    else
                    {
                        $('#status').html("Please enter the code received in your mail.");
                    }

                }

            });

            });


            $("#password_form").validate({

                onkeyup: false,rules: {

                  password: {
                    required: true,minlength: 8
                  },repassword: {
                    required: true,equalTo: "#password"  
                  }
                }

            });

            $('#password_send').click(function() {

               event.preventDefault();

               var email = $('#email').val();
               var password = $('#password').val();
               var repassword = $('#repassword').val();

                $.ajax({
                    type: "POST",url: "update_password.PHP",password: password,repassword: repassworD},success: function(responsE){

                    if(response == "Y")
                    {

                        $('#email_form').hide();
                        $('#code_form').hide();
                        $('#password_form').hide();
                        $('#status').html("password reset successful. Proceed to <a href=index.PHP>login</a> page. ");


                    }
                    else
                    {
                        $('#status').html("Oops. Something went wrong. Try again.");

                    }

                }


            });

        });

    });


    </script>

</head>

<body class="oneColElsCtr">

    <div class ="abouT_Body"> 

        <a href="index.PHP"><img src="images/title_block_@L_197_21@n.png" style="margin-    top:25px; margin-bottom:-10px;"/></a><br/>   

        <div id="status" class="alert alert-success"  style="margin-top:20px; width:400px; margin-left:235px; margin-bottom:30px;">

            <h4 class="alert-heading"> Reset your password </h4>

        </div>

        <form class="form-horizontal" name="email_form" id="email_form" method="POST" action="" >

            <fieldset>

                <div class="control-group" style="margin-left:230px">

                    <label class="control-label">Email</label>

                    <div class="controls" align="left">

                        <input name="email" id="email" class="input-large" type="text" placeholder="Enter your Email id"/>

                    </div>

                </div> 

                <div class="control-group">

                    <button type="submit" id="email_send" class="btn btn-inverse submit">GO</button>

                </div>

            </fieldset>

        </form> 

        <form class="form-horizontal" name="code_form" id="code_form" method="POST" action="" >

            <p>Enter the code received in your Email</p>

            <fieldset>

                <div class="control-group" style="margin-left:230px">

                    <label class="control-label">Code</label>

                    <div class="controls" align="left">

                        <input name="code" id="code" class="input-large" type="text" placeholder="#####"/>

                    </div>

                </div>

                <div class="control-group">

                    <button type="submit" id="code_send" class="btn btn-inverse  submit">GO</button>

                </div>

            </fieldset>

        </form>                   

        <table style="text-align:left">

            <tr>

                <td width="60%">

                    <form class="form-horizontal" name ="password_form" id="password_form" method ="POST" action ="" >

                        <fieldset>

                            <div class="control-group" style="margin-left:90px;">

                                <label class="control-label">password</label>

                                <div class="controls">

                                    <input name="password" id="password" class="input-large" type="password" placeholder="Enter your password" onfocus="Info_Over('#password_on_focus_info')" onblur="Info_Out('#password_on_focus_info')"/>

                                </div>

                            </div>

                            <div class="control-group" style="margin-left:90px;">

                                <label class="control-label">Confirm password</label>

                                <div class="controls">

                                    <input name="repassword" id="repassword" class="input-large" type="password" placeholder="Re-enter your password"/>

                                </div>

                            </div>  

                            <div class="control-group" style="margin-left:250px;">

                                <button type="submit" id="password_send" class="btn btn-inverse submit">CONFIRM</button>

                            </div>                          

                        </fieldset>            

                    </form>

                </td>

                <td width="400px" valign="top" style="padding-right:130px">

                    <span id="password_on_focus_info" style="display:none;">

                        password should be 8 characters or more. Choose a strong password which is a combination of Capital and small case alphabets,Symbols and numbers.

                     </span>                                                              

                </td>

            </tr>

        </table>    

    </div>

</body>
</html>
@H_489_7@解决方法
您必须为事件处理程序的参数使用事件对象,chrome和safari在触发事件但firefox没有时会有一个名为event的全局事件对象.所以event.preventDefault();会导致错误.

例如.

$('#email_send').click(function(event) {

大佬总结

以上是大佬教程为你收集整理的jquery – AJAX调用适用于Chrome和Safari,但不适用于Firefox和IE?全部内容,希望文章能够帮你解决jquery – AJAX调用适用于Chrome和Safari,但不适用于Firefox和IE?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。