Javascript 仅在单击按钮时运行函数

Javascript 仅在单击按钮时运行函数,javascript,jquery,html,Javascript,Jquery,Html,我已经编写了JQuery函数,它们按照预期工作,但是每次我单击表单的任何字段时(要输入名称、电子邮件或任何内容,请参阅所附代码),该函数都会运行。我希望脚本仅在单击“提交”按钮时运行。我对JQuery还是个新手,我不确定我会错在哪里 对不起,代码太长了 *{ 框大小:边框框; 背景色:#bf2e1a; } 标题{ 颜色:#EFDFBC; 边框样式:实心; 边框颜色:#EFDFBC; 顶部:100px; 左边距:650px; 右边距:650px; 边缘顶部:150px; 文本对齐:居中; 字体大

我已经编写了JQuery函数,它们按照预期工作,但是每次我单击表单的任何字段时(要输入名称、电子邮件或任何内容,请参阅所附代码),该函数都会运行。我希望脚本仅在单击“提交”按钮时运行。我对JQuery还是个新手,我不确定我会错在哪里

对不起,代码太长了

*{
框大小:边框框;
背景色:#bf2e1a;
}
标题{
颜色:#EFDFBC;
边框样式:实心;
边框颜色:#EFDFBC;
顶部:100px;
左边距:650px;
右边距:650px;
边缘顶部:150px;
文本对齐:居中;
字体大小:60px;
边框宽度:5px;
}
分部#主要内容{
边缘顶部:100px;
字体系列:无衬线;
}
div#免责声明{
宽度:800px;
高度:467px;
保证金:0自动;
利润上限:200px;
背景:#EFDFBC;
填充:30px 10px 10px 0px;
}
div#伸张正义{
位置:相对位置;
顶部:30px;
填充顶部:10px;
背景色:#EFDFBC;
保证金:0自动;
宽度:600px;
高度:600px;
}
div#获得正义p{
背景色:#EFDFBC;
颜色:#bf2e1a;
填充:40px 40px 4px 40px;
字号:28px;
}
div#获取正义按钮{
背景色:#bf2e1a;
边界:无;
颜色:白色;
边缘顶部:120px;
填充:20px 37px;
文本对齐:居中;
文字装饰:无;
显示:内联块;
字号:21px;
光标:指针;
}
h3{
背景:#EFDFBC;
文本对齐:居中;
颜色:#bf2e1a;
字体大小:33px;
填充顶部:25px;
}
第一项问题{
文本对齐:居中;
}
保险商实验室{
栏目:2个;
背景:#EFDFBC;
文本对齐:-webkit左侧;
}
李{
文本对齐:-webkit匹配父项;
背景:#EFDFBC;
显示:块;
填充:1px0px 3px37px;
字体系列:无衬线;
}
输入#测验问题一是{
显示:无;
利润率:11px;
}
输入#测验问题一否{
显示:无;
利润率:11px;
}
标签#oneYes{
显示:内联块;
利润率:10px;
填充:10px 30px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}
标签#oneNo{
显示:内联块;
利润率:10px;
填充:10px 30px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}
输入#测验问题二是{
显示:无;
利润率:11px;
}
输入#测验第二题否{
显示:无;
利润率:11px;
}
标签#两个是{
显示:内联块;
利润率:10px208px;
填充:10px 30px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}
标签#两个否{
显示:内联块;
利润率:0px0-197px;
填充:10px 30px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}
输入#测验问题三是{
显示:无;
利润率:11px;
}
输入#测验第三题否{
显示:无;
利润率:11px;
}
标签#三是{
显示:内联块;
利润率:10px208px;
填充:10px 30px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}
标签#三号{
显示:内联块;
利润率:0px0-197px;
填充:10px 30px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}
/*标签#三是{
显示:继承;
保证金:13px 360px 0px 195px;
填充:8px 73px 8px 22px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}
标签#三号{
显示:继承;
利润率:-54px296px0px300px;
填充:12px 66px 5px 18px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}*/
输入#测验问题4是{
显示:无;
利润率:11px;
}
输入#测验问题4否{
显示:无;
利润率:11px;
}
标签#fourYes{
显示:内联块;
利润率:10px208px;
填充:10px 30px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}
标签#四号{
显示:内联块;
利润率:0px0-197px;
填充:10px 30px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}
/*
标签#fourYes{
显示:继承;
保证金:13px 360px 0px 195px;
填充:8px 73px 8px 22px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}
标签#四号{
显示:继承;
利润率:-54px296px0px300px;
填充:12px 66px 5px 18px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}*/
输入#测验问题5是{
显示:无;
利润率:11px;
}
输入#测验第五题否{
显示:无;
利润率:11px;
}
标签#五是{
显示:内联块;
利润率:10px208px;
填充:10px 30px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}
标签#fiveNo{
显示:内联块;
利润率:0px0-197px;
填充:10px 30px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}
/*
标签#五是{
显示:继承;
保证金:13px 360px 0px 195px;
填充:8px 73px 8px 22px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}
标签#fiveNo{
显示:继承;
利润率:-54px296px0px300px;
填充:12px 66px 5px 18px;
背景色:#bf2e1a;
边框颜色:#ddd;
字体大小:33px;
文本对齐:居中;
}*/
.clientinfo{
身高:445px;
背景色:#EFDFBC;
}
p{
背景色:#EFDFBC;
字体大小:23px;
保证金:0自动;
填充:10px 0px 1px 70px;
}
输入[type=“text”]{
背景色:白色;
填充:4px 0px 0px
$('.quiz-questions input[type=radio], input[type=submit]').click(function (){
    var $this = $(this),
        page = $this.closest('.page'),
        next_page = $(page.next());
    results[$this.attr('name')] = ($(this).val() === 'yes');
    page.removeClass('active');
    next_page.addClass('active');
    if (next_page.hasClass('result')) updateResult();
});
$('.quiz-questions input[type=radio], input[type=submit]').click(function ()
{
    var $this = $(this),
        page = $this.closest('.page'),
        next_page = $(page.next());
    results[$this.attr('name')] = ($(this).val() === 'yes');
    page.removeClass('active');
    next_page.addClass('active');
    updateResult();
});