大佬教程收集整理的这篇文章主要介绍了jquery – AJAX调用适用于Chrome和Safari,但不适用于Firefox和IE?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
问题是,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>
以上是大佬教程为你收集整理的jquery – AJAX调用适用于Chrome和Safari,但不适用于Firefox和IE?全部内容,希望文章能够帮你解决jquery – AJAX调用适用于Chrome和Safari,但不适用于Firefox和IE?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。