为什么我的jquery-steps向导给出了一个函数未定义的错误？
为什么我的jquery-steps向导给出了一个函数未定义的错误？
提问于 2016-07-27 19:18:11
我不是一个想象力丰富的web开发者，所以这可能是一个非常基本的问题。
我正在尝试从网站上的an example复制基本表单。这是我的完整index.html
<!DOCTYPE html>
<html>
<head>
<script src="jquery-3.1.0.js"></script>
<script src="jquery.steps.min.js"></script>
<script src="bootstrap.min.js"></script>
<link href="bootstrap.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container" id="wizard">
<section id="basic-form">
<h2 class="page-header">Basic Form Example</h2>
<form id="example-form" action="#">
<h3>Account</h3>
<section>
<label for="userName">User name *</label>
<input id="userName" name="userName" type="text" class="required">
<label for="password">Password *</label>
<input id="password" name="password" type="text" class="required">
<label for="confirm">Confirm Password *</label>
<input id="confirm" name="confirm" type="text" class="required">
<p>(*) Mandatory</p>
</section>
<h3>Profile</h3>
<section>
<label for="name">First name *</label>
<input id="name" name="name" type="text" class="required">
<label for="surname">Last name *</label>
<input id="surname" name="surname" type="text" class="required">
<label for="email">Email *</label>
<input id="email" name="email" type="text" class="required email">
<label for="address">Address</label>
<input id="address" name="address" type="text">
<p>(*) Mandatory</p>
</section>
<h3>Finish</h3>
<section>
<input id="acceptTerms" name="acceptTerms" type="checkbox" class="required"> <label for="acceptTerms">I agree with the Terms and Conditions.</label>
</section>
</form>
</div>
</section>
<script>
var form = $("#example-form").show();
form.validate({
errorPlacement: function errorPlacement(error, element) { element.before(error); },
rules: {
confirm: {
equalTo: "#password"
}
}
});
form.children("div").steps({
headerTag: "h3",
bodyTag: "section",
transitionEffect: "slideLeft",
onStepChanging: function (event, currentIndex, newIndex)
{
form.validate().settings.ignore = ":disabled,:hidden";
return form.valid();
},
onFinishing: function (event, currentIndex)
{
form.validate().settings.ignore = ":disabled";
return form.valid();
},
onFinished: function (event, currentIndex)
{
alert("Submitted!");
}
});
</script>
</body>
</html>当我打开这个文件时，我没有得到一个很好的引导风格，并且我得到了一个错误，form.validate({ //...不是一个函数。
我在jquery.steps.min.js中搜索validate方法，但确实找不到。
为什么这个例子不能开箱即用？我是不是在这个例子中遗漏了什么？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-07-27 19:27:20
表单验证不是jQuery步骤的一部分。你需要包含"jQuery Validation Plugin“
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38611483
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号