gpt4 book ai didi

javascript - jquery TypeError : $(. ..).validate 和 TypeError : $(. ..).modal 不是函数

转载 作者:行者123 更新时间:2023-11-28 07:32:52 29 4
gpt4 key购买 nike

我一直在研究一个简单的表单提交。首先,我想在提交表单之前创建一个模式警报。于是,我使用了bootstrap的modal函数,反复得到

TypeError: $(...).modal is not a function

在网上搜索了很多时间后,我添加了

jQuery.noConflict();

并且代码成功了。然后,我想在调用模式之前验证我的表单。因此,我使用 jQuery 验证插件来执行相同的操作。然后,我收到此错误:

TypeError: $(...).validate is not a function*

有人可以帮我解决我所面临的问题吗? 我所有的 jquery 文件似乎都按顺序排列。

<head>
<!jquery>
<script src="../js/jquery.js"></script>
<!jquery form validation plugin>
<script src="../js/formvalidator/lib/jquery.js"></script>
<script src="../js/formvalidator/dist/jquery.validate.js"></script>
<! Bootstraplinks>
<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap-theme.min.css">
<script src="../bootstrap/js/bootstrap.min.js"></script>
<!Alert Plugin links>
<script src="../js/alert/lib/sweet-alert.min.js"></script>
<link rel="stylesheet" href="../js/alert/lib/sweet-alert.css">
</head>
<body>
<script>
$(document).ready(function(){
jQuery.noConflict();
$("#addtype").validate();
$("#button_submit").click(function(){
if($("#addtype").valid()){
$('#myModal').modal('show');
}
});
$("#button_proceed").click(function(){
$('#addtype').submit();
});
});
</body>

最佳答案

您有两个 jquery 文件。尝试删除其中一个,看看是否有效。

您说这不是同一个 jquery 文件,但许多 jquery 插件将包含基本 jquery.js 文件(以便插件“开箱即用”)。它说该文件是必需的,因为该插件需要 jquery 才能工作。例如,我一直在使用 DataTables 插件进行一些工作,它的 js 目录中包含的 jquery.js 绝对只是基本的 jquery javascript 文件。如果乍一看该文件有所不同,可能只是因为它是 jquery 的不同版本或其他原因。但我很确定这两个文件都在做同样的事情。只需尝试删除其中一个,看看它是否有效。

关于javascript - jquery TypeError : $(. ..).validate 和 TypeError : $(. ..).modal 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28923769/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com