Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >未捕获的TypeError: form.steps不是函数

未捕获的TypeError: form.steps不是函数
EN

Stack Overflow用户
提问于 2016-06-13 17:49:45
回答 2查看 4K关注 0票数 0

我正在尝试为我的窗体创建一个简单的向导。但是它会给我一个"CursusWizard.js:3未捕获函数: form.steps不是一个函数“错误。

我也是第一次使用Angular,我想这可能和我的javascript不能正常工作有关。

这是我的html和表单:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 <!DOCTYPE html>
 <html lang="en">

 <head>

<meta charset="UTF-8">
    <title> Cursus </title>
  </head>

 <form id="example-advanced-form" class="form-horizontal" name="form" action="#" ng-submit="addCursus()">
 <h3>Cursus aanmaken</h3>
    <fieldset>
    <legend> Cursus informatie</legend>

  <label for ="naam"> Cursus naam</label>
    <input id="naam" name="naam" type="text" class="required" ng-model="formCursus.name">


    <label for ="cursuscode"> Cursus code</label>
    <input id="cursuscode" name="cursuscode" type="text" class="required" ng-model="formCursus.cursuscode">


    <label for ="aantalec">Aantal ec </label>
    <input name="aantalec" type="text" list="aantalec" class="required" ng-model="formCursus.aantalec">
    <datalist id="aantalec">
        <option value="Boston">
        <option value="Cambridge">
    </datalist>

    <label for ="periode">Periode </label>
    <input name="periode" type="text" list="periode" class="required" ng-model="formCursus.periode">
    <datalist id="periode">
        <option value="Boston">
        <option value="Cambridge">
    </datalist>

<button class="btn-default" type="submit">Add</button>

    <p>(*) Mandatory</p>
</fieldset>


<h3>Profile</h3>
<fieldset>
    <legend>Profile Information</legend>

    <label for="name-2">First name *</label>
    <input id="name-2" name="name" type="text" class="required">
    <label for="surname-2">Last name *</label>
    <input id="surname-2" name="surname" type="text" class="required">
    <label for="email-2">Email *</label>
    <input id="email-2" name="email" type="text" class="required email">
    <label for="address-2">Address</label>
    <input id="address-2" name="address" type="text">
    <label for="age-2">Age (The warning step will show up if age is less than 18) *</label>
    <input id="age-2" name="age" type="text" class="required number">
    <p>(*) Mandatory</p>
</fieldset>

<h3>Warning</h3>
<fieldset>
    <legend>You are to young</legend>

    <p>Please go away ;-)</p>
</fieldset>

<h3>Finish</h3>
<fieldset>
    <legend>Terms and Conditions</legend>

    <input id="acceptTerms-2" name="acceptTerms" type="checkbox" class="required"> <label for="acceptTerms-2">I agree with the Terms and Conditions.</label>
</fieldset>

</form>
  </html>

以下是我使用javascript编写的代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    var form = $("#example-advanced-form").show();

    form.steps({
headerTag: "h3",
bodyTag: "fieldset",
transitionEffect: "slideLeft",
onStepChanging: function (event, currentIndex, newIndex)
{
    // Allways allow previous action even if the current form is not valid!
    if (currentIndex > newIndex)
    {
        return true;
    }
    // Forbid next action on "Warning" step if the user is to young
    if (newIndex === 3 && Number($("#age-2").val()) < 18)
    {
        return false;
    }
    // Needed in some cases if the user went back (clean up)
    if (currentIndex < newIndex)
    {
        // To remove error styles
        form.find(".body:eq(" + newIndex + ") label.error").remove();
        form.find(".body:eq(" + newIndex + ") .error").removeClass("error");
    }
    form.validate().settings.ignore = ":disabled,:hidden";
    return form.valid();
},
onStepChanged: function (event, currentIndex, priorIndex)
{
    // Used to skip the "Warning" step if the user is old enough.
    if (currentIndex === 2 && Number($("#age-2").val()) >= 18)
    {
        form.steps("next");
    }
    // Used to skip the "Warning" step if the user is old enough and wants to the previous step.
    if (currentIndex === 2 && priorIndex === 3)
    {
        form.steps("previous");
    }
},
onFinishing: function (event, currentIndex)
{
    form.validate().settings.ignore = ":disabled";
    return form.valid();
},
onFinished: function (event, currentIndex)
{
    alert("Submitted!");
}
 }).validate({
errorPlacement: function errorPlacement(error, element) { element.before(error); },
rules: {
    confirm: {
        equalTo: "#password-2"
    }
}
});

我做错了什么?

EN

回答 2

Stack Overflow用户

发布于 2016-06-13 18:45:25

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var form = $("#example-advanced-form").show();

您将.show()返回的值赋给变量form,据我所知,在jquery中.show()不返回任何值,因此表单可能没有方法方法step(),引用form.step()将导致错误。

票数 0
EN

Stack Overflow用户

发布于 2019-01-03 05:01:03

您是否包含了jquery cdn for steps函数?请参考下面的cdn链接,尝试添加cdn并在添加后发布您的发现。"https://cdnjs.cloudflare.com/ajax/libs/jquery-steps/1.1.0/jquery.steps.min.js

祝你编码愉快!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37796135

复制
相关文章
python 获取英文人名翻译
我的CSDN博客地址 https://michael.blog.csdn.net/
Michael阿明
2022/01/07
1.7K0
python 获取英文人名翻译
改变人类进程的,除了霍金,还有他的好基友们
2018年3月14日霍金去世,朋友圈都点起蜡烛,不管是否看过他的《时间简史》,是的,又一位举世闻名的物理学家去世了,感觉人类的聪明程度一下锐减。 在你哀悼的时候,是否还记得,另外那些曾经璀璨在报纸或者
挖数
2018/04/10
1.5K0
改变人类进程的,除了霍金,还有他的好基友们
mysql 数据_MySQL和SQL
附带国内精确到市,国外的精确到省吧。 下载这里的:https://download.csdn.net/download/luolincsdn/10675557 有的下载都没用,想一想还是放出来比较好。 这是数据表:
全栈程序员站长
2022/11/11
11.4K0
计算机中的数学【费马大定理】 数学史上最著名的定理: x^n + y^n = z^n(n >2时,没有正整数解)
德国佛尔夫斯克曾宣布以10万马克作为奖金奖给在他逝世后一百年内,第一个证明该定理的人,吸引了不少人尝试并递交他们的“证明”。
一个会写诗的程序员
2018/08/17
1.3K0
paging组件的用法和意义
  分页加载是在应用程序开发过程中十分常见的需求,我们经常需要以列表的方式加载大量的数据,这些数据通常来自网络或本地数据库。然而,如果一次性将所有数据全部加载出来,必然会消耗大量的时间和数据流量,而且用户可能只是需要一部分数据就行。因此,Google便推出了paging组件,来实现分页加载;分页加载就是对数据进行按需加载,在不影响用户体验的同时,还能节省数据流量,提升应用的性能。
故乡的樱花开了
2023/10/22
2970
paging组件的用法和意义
VR也能在艺术展中这么玩,极强烈的艺术未来感
上月27日,由林冠艺术基金会举办的,当今全球最高品质的前卫虚拟现实艺术作品展,在北京798艺术区举行,展会将持续到明年的2月3日。这次的艺术展分别由克里斯丁·莱默茨(2017年8月27日-2017年9
VRPinea
2018/05/15
9440
罗尔、拉格朗日、柯西中值定理
举例:往返跑,从A点出发,经过一段时间又回到了A点,根据常识,因为要回到起点,中间必定有速度为0的点。
小小杨
2021/10/13
1.4K0
可视化经典:10幅精妙绝伦的科学视图
来源|译言网 作者|Dave Mosher 译者|Lineker 海量的科学数据可以通过艺术化的科学视图进行呈现,集合与美感相互交融,无序的信息大山化为纸面的五彩斑斓 计算机时代催生了海量的科学数据,
大数据文摘
2018/05/23
5550
python从入门到入狱系列-帮你彻底搞懂python的项目实战,爬虫获取NBA成员信息
python爬虫爬取网络的信息,非常好用,我们要学会,拿来下载自己喜欢的图,放到服务器使劲爬,不用自己复制粘贴。
20岁爱吃必胜客
2023/04/28
6100
python从入门到入狱系列-帮你彻底搞懂python的项目实战,爬虫获取NBA成员信息
【PAT乙级】在霍格沃茨找零钱
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
喜欢ctrl的cxk
2019/11/08
3640
那个靠大数据抓到拉登的公司
据说,一家名叫帕兰提尔(Palantir)的初创公司帮助美军捕杀了奥萨马·本·拉登(Osama bin Laden)。自从这个传闻开始传播以来,阿历克斯·卡普(Alex Karp)就没有了太多独处的时间。 这位帕兰提尔公司的CEO现年45岁,身材消瘦,乱蓬蓬的卷发给人以头重脚轻之感。 7月份一个艳阳高照的早晨,他在斯坦福大学青草葱葱的山坡上漫步,不远处耸立着外号叫“大盘子”的巨型卫星天线。这是他特别喜欢的沉思时刻。 但他的独处在某种程度上被“迈克”(Mike)打破了。这位沉默寡言的海军陆战队退役士兵身高
CSDN技术头条
2018/02/09
7810
那个靠大数据抓到拉登的公司
托尔斯泰《安娜·卡列尼娜》主要人物
奥博朗斯基公爵: 斯捷潘·阿尔卡季奇·奥勃朗斯基公爵(在社交场合他叫斯季瓦) 达里娅·亚历山德罗夫娜,小名多莉,公爵夫人 格里沙——小儿子 塔尼娅——大女儿,与安娜八岁的谢廖扎同年 马特维——仆人 马特廖娜·菲利莫诺夫娜——奶妈马特廖莎, 捷连季——车夫 阿尼奇金伯爵——斯季瓦的新任长官 瓦尔瓦拉,公爵小姐——斯捷潘的姑妈,多莉早就认识她,对她并不尊重。她知道公爵小姐瓦尔瓦拉整个一生都在富裕的亲戚家里当食客。斯季瓦说,她一生的整个目标就是要证明自己比卡捷琳娜·帕夫洛夫娜略胜一筹; 卡捷琳娜·帕夫洛夫娜——培养过安娜的姐姐 斯季瓦同事: 菲利普·伊万内奇·尼基京 米哈伊尔·斯坦尼斯拉维奇·格里涅维奇——温文尔雅 扎哈尔·尼基季奇——斯季瓦秘书
全栈程序员站长
2022/09/01
5.1K0
中情局“御用”数据商帕兰提尔:用数据挖掘抓到拉登
《福布斯》中文版2013年9月下 作者|Andy Greenberg 据说,一家名叫帕兰提尔(Palantir)的初创公司帮助美军捕杀了奥萨马·本·拉登(Osama bin Laden)。自从这
CDA数据分析师
2018/02/11
1.8K0
中情局“御用”数据商帕兰提尔:用数据挖掘抓到拉登
那个靠大数据抓到拉登的公司
据说,一家名叫帕兰提尔(Palantir)的初创公司帮助美军捕杀了奥萨马·本·拉登(Osama bin Laden)。自从这个传闻开始传播以来,阿历克斯·卡普(Alex Karp)就没有了太多独处的时间。
IT阅读排行榜
2018/08/13
4420
可视化经典:10幅精妙绝伦的科学视图
来源|译言网 作者|Dave Mosher 译者|Lineker 海量的科学数据可以通过艺术化的科学视图进行呈现,集合与美感相互交融,无序的信息大山化为纸面的五彩斑斓 计算机时代催生了海量的科学数据,但如此让人仰止的信息大山也是要付出代价的。你积累的数据越多,要去领会它背后的深意就越难。 为了争取对数据进行更好的解读,2005年,一个由信息科学家组成的研究小组创建了一个名为“位数和空间:绘图科学(Places & Spaces: Mapping Science)”的竞赛艺术展。从艺术化的流行文化作图到诠释科
小莹莹
2018/04/20
8110
可视化经典:10幅精妙绝伦的科学视图
六冠王奇迹的背后,是德甲AI加持的足球
有关德国足球,人们的印象可能是快速的攻防节奏、领先的教练发展体系,以及各种科学到极致的训练和健身计划。德甲球队为我们贡献了高水平的比赛,最近一次欧洲冠军联赛、世俱杯冠军也都被德甲豪门拜仁慕尼黑获得。
机器之心
2021/03/15
5250
六冠王奇迹的背后,是德甲AI加持的足球
无线通信史:塑造无线通信的重要事件的历史列表
无线通信的历史始于中国、希腊和罗马文化早期观察到的了解或磁性和电性,以及17世纪和18世纪进行的实验。以下是无线通信发展中的一些选定事件(材料摘自《无线历史》、《塔潘·萨卡尔》等,《威利》,2006 年)。
海大指南针
2022/05/16
1.7K0
无线通信史:塑造无线通信的重要事件的历史列表
1037 在霍格沃茨找零钱 (20 分)
如果你是哈利·波特迷,你会知道魔法世界有它自己的货币系统 —— 就如海格告诉哈利的:“十七个银西可(Sickle)兑一个加隆(Galleon),二十九个纳特(Knut)兑一个西可,很容易。”现在,给定哈利应付的价钱 P 和他实付的钱 A,你的任务是写一个程序来计算他应该被找的零钱。
可爱见见
2019/09/24
4950
1037 在霍格沃茨找零钱 (20 分)
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
韩旭051
2019/11/08
3660
点击加载更多

相似问题

拉维尔-帕格茨和附加搜索结果

10

拉勒维尔和帕格(翡翠)的结合?

34

拉勒维尔-洗牌合并和帕格尼特收藏

10

拉拉维尔·帕格茨未与之合作:(.)

21

从斯帕克·拉勒维尔开始

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文