如何在OpenUI5/SAPUI5中使用jQuery插件(jQuery验证引擎)

How to use jQuery plugins (jquery validation engine) with OpenUI5/SAPUI5?

本文关键字：jQuery 插件 验证 引擎 OpenUI5 SAPUI5      更新时间：2023-09-26

我想在SAPUI5中使用jquery验证引擎。请指导我，我已完成以下步骤。

  1. 新增jquery库

  2. 添加jquery验证库和css。

  3. 给出一个validate[required]类来输入文本字段

  4. on button click call $("#empform").validationEngine(); function

  5. 但给我 TypeError:美元(…)。validationEngine不是一个函数错误

我做了以下事情，我从sapui5中保留了jquery参考

<script src="resources/sap-ui-core.js" id="sap-ui-bootstrap"
data-sap-ui-libs="sap.ui.commons,sap.ui.table"
data-sap-ui-theme="sap_bluecrystal">    
</script>
<script type="text/javascript" src="<local repository>/jquery.validationEngine-en.js"></script>
<script type="text/javascript" src="<local repository>/jquery.validationEngine.js"></script>    
<link rel="stylesheet" href="<local repository>/validationEngine.jquery.min.css" type="text/css" />
由于cschuff

jQuery已经是SAPUI5发行版的一部分。所以，如果你加载SAPUI5后，包括您的自定义jQuery + jQuery验证引擎，你只会结束与SAPUI5捆绑的普通jQuery版本。

您可以在SAPUI5之后加载jQuery验证引擎，也可以使用不使用jQuery的SAPUI5变体，如下所示:

<script id="sap-ui-bootstrap"            
        src="resources/sap-ui-core-nojQuery.js" 
        data-sap-ui-libs="sap.m"
        data-sap-ui-theme="sap_bluecrystal">
</script>
相关文章：