Jquery UI自动完成和验证

时间:2014-01-13 22:00:30

标签: javascript jquery jquery-ui validation autocomplete

我有一个使用Jquery验证的旧页面

<script src="global/scripts/jquery-1.7.2.min.js"></script>
<script src="global/scripts/accordion.js"></script>
<script src="global/scripts/jquery.hint.js"></script>
<script src="global/scripts/jquery-ui-1.10.3.custom.min.js"></script>

也使用了一个日期选择器。我在页面上引入了jquery autocomplete功能,并且停止了日期选择器图标的显示,甚至没有对任何字段进行验证。

以下是我用于jquery的版本。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
< script src="http://code.jquery.com/jquery-1.9.1.js"></script>  
<link rel="stylesheet" href="/resources/demos/style.css> 

如果我删除这些导入和

$("#someID").autocomplete({
            source: function(request, response){
                debugger;
                $.ajax({
                    type: "GET",
                    contentType: "application/json; charset=utf-8",
                    url: "servlet/Suggest?jquerysearch="+$("#someID").val(),
                    dataType: "json",
                    success: function (data) {                          
                        response(data)
                    }                       
               }); 
            },  
            select: function(event, ui ) {
                setSearchBySubmitJQ(ui.item.value);             
            }
        }); 

如果我介绍任何这些自动完成代码。现有的验证和日期选择器消失了。有谁知道版本是否存在不匹配。当我尝试删除jquery-1.7.2.min.js时,验证和日期选择根本不会出现。

1 个答案:

答案 0 :(得分:0)

我唯一可以建议的是兼容性不匹配。您正在介绍jquery-ui-1.10.3和旧版本的jquery。在1.10中必须存在一些尚未在1.7中的依赖关系。我会做的是,我会尝试介绍更新的jquery版本。在 jQueryUI 的底部,建议使用jquery 1.9.1