jAlert无法正常工作,在提交表单时什么也得不到

时间:2014-11-06 03:32:22

标签: javascript

我正在尝试编写一个简单的概念:一个带有表单(两个文本框)的网页,如果两个文本框没有相同的内容,则提交表单时会弹出一个警告。

我有以下代码:

<!DOCTYPE html>
<html>
    <head>
        <title>Examples of using jQuery Alerts</title>
        <link rel="stylesheet" type="text/css" href="jquery.alerts.css" />
        <script src="jquery.js" type="text/javascript"></script>
        <script src="jquery-ui.js"></script>
        <script src="jquery.alerts.js" type="text/javascript"></script>
        <script src="jquery.ui.draggable.js"></script>
        <script type="text/javascript">
            $(document).ready( function() {
                $('#myform').submit( function() {
                    var x = $('#mytext').val();
                    var y = $('#mytext2').val();
                    if ( x!=y) {
                        jAlert('Values do not match','Info!');
                    return false;
                    }
                });
            });
        </script>
    </head>
    <body>
        <form name="myform" id="myform" action="#">
            <input type="text" id="mytext" />
            <input type="text" id="mytext2" />
            <input type="submit">
        </form>
    </body>
</html>

我们检查了所有文件名并且它们是正确的,但我提交表单时没有得到任何结果(与我$.jAlert())时相同 - 如果jAlertalert替换,一切正常,但我得到标准的Javascript警报)。我哪里错了?

此致 乔治

1 个答案:

答案 0 :(得分:0)

我已经测试了你的代码。问题出在你的jquery.alerts.js中。它使用&#39; $.browser&#39;在插件内的2或3个位置。

自jQuery 1.9起,$.browser方法已被删除。

  

jQuery.browser() removed

     

自jQuery 1.3以来,jQuery.browser()方法已被弃用,并在1.9中被删除。 如果需要,它可以作为jQuery Migrate插件的一部分使用。我们建议对像Modernizr这样的库使用特征检测。

     

- jQuery Core 1.9 Upgrade Guide

如升级指南中所述,您可以尝试使用jQuery Migrate plugin恢复此功能并让jQuery Tools正常工作。

你已经从插件中删除它来工作,否则你需要更改插件或使用Jquery 1.9下面的jquery版本