您的位置：首页 > Web前端 > JQuery

关于引入多个jquery冲突的问题（附一个很好用的validate前端验证框架及使用方法）

2017-06-08 10:52 1051 查看

废话不多说，进入正题：

如果一个jsp中想要使用两个不同版本的jquery怎么办呢？客官往下看：

<scriptsrc="${ctxStatic}/jquery/jquery-1.8.3.min.js"type="text/javascript"></script>

<scriptsrc="${ctxStatic}/formValidator.2.5.2/js/jquery-1.6.min.js"type="text/javascript"></script>

如果我想使用1.8.3版本的jquery

那么就在引入1.8.3的<script></script>下面加上如下代码：

<script>
varjq=$.noConflict();
jq(document).ready(function(){
//bindsformsubmissionandfieldstothevalidationengine
jq("#aaab").validationEngine();

});
</script>

记住一定要紧挨着引入1.8.3的js

如果放在1.6版本下面，那么所定义的jq就是1.6版本的了

当然，如果我们的项目是通过include标签引入的全局jquery而当前jsp页面又新引入了一个jquery，那么上段代码放在什么位置都是无所谓的，所定义的jq都是当前页面新引入的jquery

下面是例子：（一个很方便的validate前端验证：想要使用验证直接引入下列文件：）

<linkrel="stylesheet"href="${ctxStatic}/formValidator.2.5.2/css/validationEngine.jquery.css"type="text/css"/>
<linkrel="stylesheet"href="${ctxStatic}/formValidator.2.5.2/css/template.css"type="text/css"/>

<scriptsrc="${ctxStatic}/formValidator.2.5.2/js/jquery-1.6.min.js"type="text/javascript"></script>

<scriptsrc="${ctxStatic}/formValidator.2.5.2/js/languages/jquery.validationEngine-zh_CN.js"type="text/javascript"charset="utf-8">
</script>
<scriptsrc="${ctxStatic}/formValidator.2.5.2/js/jquery.validationEngine.js"type="text/javascript"charset="utf-8">
</script>

然后在需要验证的表单class加上validate[required](必填项验证)

<formaction="www.baidu.com"id="aaab"method="post">
<inputtype="text"value=""placeholder="请输入姓名"class="validate[required]validate[email]"/>
<inputtype="submit"value="提交"/>
</form>

下面是我代码放置位置以及前端页面展示图：

<linkrel="stylesheet"href="${ctxStatic}/formValidator.2.5.2/css/validationEngine.jquery.css"type="text/css"/>
<linkrel="stylesheet"href="${ctxStatic}/formValidator.2.5.2/css/template.css"type="text/css"/>
<scriptsrc="${ctxStatic}/jquery/jquery-1.8.3.min.js"type="text/javascript"></script>

<scriptsrc="${ctxStatic}/formValidator.2.5.2/js/jquery-1.6.min.js"type="text/javascript"></script>
<script>
varjq=$.noConflict();
jq(document).ready(function(){
//bindsformsubmissionandfieldstothevalidationengine
jq("#aaab").validationEngine();

});
</script>
<scriptsrc="${ctxStatic}/formValidator.2.5.2/js/languages/jquery.validationEngine-zh_CN.js"type="text/javascript"charset="utf-8">
</script>
<scriptsrc="${ctxStatic}/formValidator.2.5.2/js/jquery.validationEngine.js"type="text/javascript"charset="utf-8">
</script>

<linkrel="stylesheet"href="${ctxStatic}/formValidator.2.5.2/css/validationEngine.jquery.css"type="text/css"/>
<linkrel="stylesheet"href="${ctxStatic}/formValidator.2.5.2/css/template.css"type="text/css"/>
<scriptsrc="${ctxStatic}/jquery/jquery-1.8.3.min.js"type="text/javascript"></script>

<script>
varjq=$.noConflict();
jq(document).ready(function(){
//bindsformsubmissionandfieldstothevalidationengine
jq("#aaab").validationEngine();

});
</script>
<scriptsrc="${ctxStatic}/formValidator.2.5.2/js/jquery-1.6.min.js"type="text/javascript"></script>
<scriptsrc="${ctxStatic}/formValidator.2.5.2/js/languages/jquery.validationEngine-zh_CN.js"type="text/javascript"charset="utf-8">
</script>
<scriptsrc="${ctxStatic}/formValidator.2.5.2/js/jquery.validationEngine.js"type="text/javascript"charset="utf-8">
</script>

可以看到我把定义jq的代码放在1.8.3版jquery下面就完全失去效果了（我的这个validate前端验证框架是不支持1.8.3版jquery的）

下面是我的验证框架传送门：

'target='_blank'>http://files.cnblogs.com/files/fengwenzhee/formValidator.2.5.2.rar

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航