提交按钮仅在前两个字段为空时有效
Submit button only works when first 2 fields are empty
http://windowsnaarlinux.nl/#distrokiezer--暂时将页面替换为PHP版本,以下是javascript版本:http://windowsnaarlinux.nl/pages/distrokiezer.html
每当你将前两个字段中的一个留空并单击提交按钮(标题为Bevestigen(时,你就会收到一条警告,脚本就会结束,就像它应该做的那样。但当你填写前两个域,然后单击提交时,什么都不会发生。没有弹出任何警报,这是应该的。Chrome的javascript控制台中也没有出现任何错误或警告。
原始页面(jQuery将内容加载到div.window#content
中的页面(位于此处:http://windowsnaarlinux.nl/pages/distrokiezer.html
也许值得一提的是,它以前工作得很好,老实说,我自己也不知道我做了什么来打破它
我只是注意到,当我重写脚本>时,我忘记了它向用户输出结果的部分<
问题是,只有当一个字段为空时,才会出现警告,因为前两个字段在为空时是文本输入,所以值与代码检查的值完全不同:
if ((stop == false) && (document.getElementById('q1a').value == ''))
然而,当您的选择框没有被修改时,它们的默认值是导致javascript不触发的第一个选项的值。
在你选择的所有表格中,把这样的东西作为第一个选项:
<option value="" selected="selected">Please select an option</option>
这样可以确保默认值为零。只要确保阻止人们(就像你已经这样(使用这个选项,因为它很可能毫无意义。
根据我的评论,这就是为什么目前在填写两个复选框时没有收到警报的原因。
是整个脚本。。。。
var distros = new Array('ubuntu', 'ubuntu-lts', 'mint', 'mintdebian', 'mintlxde', 'mintdebianxfce', 'elementary', 'debian-stable', 'debian-unstable', 'debian-testing', 'fedora', 'fedorakde', 'fedoralxde', 'fedoraxfce', 'centos', 'archlinux', 'puppylinux', 'lucidpuppy', 'crunchbang', 'dsl', 'tinycore', 'pinguyos', /*'gentoo',*/ 'mandriva', 'mageia', 'lubuntu', 'xubuntu', 'kubuntu', 'chakra', 'slackware', 'zorin', 'bodhi', 'vector', 'antix', 'opensuse');
function zoekDistro()
{
try
{
var stop = false;
//q1a
var q1a = parseInt(document.getElementById('q1a').value);
if ((stop == false) && (document.getElementById('q1a').value == ''))
{
alert('Geen antwoord opgegeven bij vraag 1a!');
stop = true;
}
if (stop == false)
{
if (q1a < 1600)
{
dumpDistro('pinguyos');
dumpDistro('mintkde');
dumpDistro('kubuntu');
}
if (q1a < 1400)
{
dumpDistro('mint');
dumpDistro('fedorakde');
dumpDistro('fedora');
dumpDistro('pinguyos');
dumpDistro('chakra');
dumpDistro('ubuntu');
dumpDistro('mandriva');
dumpDistro('opensuse');
}
if (q1a < 1200)
{
dumpDistro('ubuntu-lts');
}
if (q1a < 1000)
{
dumpDistro('mintdebian');
dumpDistro('debian-stable');
dumpDistro('debian-testing');
dumpDistro('debian-unstable');
dumpDistro('mageia');
dumpDistro('xubuntu');
dumpDistro('crunchbang');
}
if (q1a < 800)
{
dumpDistro('mintlxde');
dumpDistro('mintdebianxfce');
dumpDistro('elementary');
dumpDistro('fedoralxde');
dumpDistro('fedoraxfce');
dumpDistro('centos');
dumpDistro('archbang');
dumpDistro('zorin');
}
if (q1a < 600)
{
dumpDistro('lubuntu');
dumpDistro('slackware');
dumpDistro('archlinux');
}
if (q1a < 400)
{
dumpDistro('vector');
dumpDistro('gentoo');
}
if (q1a < 300)
{
dumpDistro('antix');
dumpDistro('lucidpuppy');
dumpDistro('bodhi');
}
if (q1a < 200)
{
dumpDistro('puppylinux');
dumpDistro('dsl');
}
if (q1a < 100)
{
dumpDistro('tinycore');
}
}
//q2a
var q1b = parseInt(document.getElementById('q1b').value);
if ((stop == false) && (document.getElementById('q1b').value == ''))
{
alert('Geen antwoord opgegeven bij vraag 1b!');
stop = true;
}
if (stop == false)
{
if (q1b < 2000)
{
dumpDistro('pinguyos');
}
if (q1b < 1600)
{
dumpDistro('kubuntu');
dumpDistro('ubuntu');
}
if (q1b < 1400)
{
dumpDistro('fedora');
dumpDistro('fedorakde');
}
if (q1b < 1000)
{
dumpDistro('ubuntu-lts');
dumpDistro('mint');
dumpDistro('debian-unstable');
dumpDistro('mandriva');
dumpDistro('mageia');
dumpDistro('xubuntu');
dumpDistro('chakra');
dumpDistro('opensuse');
}
if (q1b < 800)
{
dumpDistro('mintlxde');
dumpDistro('lubuntu');
}
if (q1b < 700)
{
dumpDistro('elementary');
}
if (q1b < 512)
{
dumpDistro('mintdebian');
dumpDistro('debian-testing');
dumpDistro('fedoralxde');
dumpDistro('fedoraxfce');
dumpDistro('crunchbang');
}
if (q1b < 400)
{
dumpDistro('mintdebianxfce');
dumpDistro('debian-stable');
dumpDistro('archbang');
dumpDistro('archlinux');
dumpDistro('centos');
dumpDistro('zorin');
dumpDistro('vector');
}
if (q1b < 256)
{
dumpDistro('gentoo');
dumpDistro('slackware');
}
if (q1b < 128)
{
dumpDistro('bodhi');
dumpDistro('puppylinux');
}
if (q1b < 64)
{
dumpDistro('lucidpuppy');
dumpDistro('antix');
}
if (q1b < 48)
{
dumpDistro('tinycore');
}
}
//q2a
var q2a = document.getElementById('q2a').value;
if ((stop == false) && (q2a == ''))
{
alert('Geen antwoord opgegeven bij vraag 2a!');
stop = true;
}
if (stop == false)
{
if (q2a === 'nee')
{
dumpDistro('debian-stable');
dumpDistro('debian-testing');
dumpDistro('debian-unstable');
dumpDistro('centos');
dumpDistro('archlinux');
dumpDistro('puppylinux');
dumpDistro('dsl');
dumpDistro('tinycore');
dumpDistro('gentoo');
dumpDistro('chakra');
dumpDistro('slackware');
dumpDistro('vector');
dumpDistro('mandriva');
dumpDistro('archbang');
dumpDistro('antix');
}
}
//q2b
var q2b = document.getElementById('q2b').value;
if ((stop == false) && (q2b == ''))
{
alert('Geen antwoord opgegeven bij vraag 2b!');
stop = true;
}
if (stop == false)
{
if (q2b === 'ja')
{
dumpDistro('debian-unstable');
dumpDistro('centos');
dumpDistro('archlinux');
dumpDistro('archbang');
dumpDistro('puppylinux');
dumpDistro('dsl');
dumpDistro('tinycore');
dumpDistro('gentoo');
dumpDistro('vector');
}
}
//q2c
var q2c = parseInt(document.getElementById('q2c').value);
if ((stop == false) && (document.getElementById('q2c').value == ''))
{
alert('Geen antwoord opgegeven bij vraag 2c!');
stop = true;
}
if (stop == false)
{
if (q2c < 8)
{
dumpDistro('gentoo');
dumpDistro('archlinux');
}
if (q2c < 7)
{
dumpDistro('tinycore');
}
if (q2c < 6)
{
dumpDistro('debian-unstable');
dumpDistro('centos');
dumpDistro('archbang');
dumpDistro('puppylinux');
dumpDistro('dsl');
dumpDistro('chakra');
dumpDistro('slackware');
dumpDistro('vector');
dumpDistro('antix');
dumpDistro('mandriva');
}
if (q2c < 5)
{
dumpDistro('debian-testing');
}
if (q2c < 4)
{
dumpDistro('crunchbang');
}
if (q2c < 3)
{
dumpDistro('mintdebian');
dumpDistro('mintdebianxfce');
dumpDistro('debian-stable');
dumpDistro('fedora');
dumpDistro('fedorakde');
dumpDistro('fedoralxde');
dumpDistro('fedoraxfce');
dumpDistro('mandriva');
}
}
//q3a
var q3a = parseInt(document.getElementById('q3a').value);
if ((stop == false) && (document.getElementById('q3a').value == ''))
{
alert('Geen antwoord opgegeven bij vraag 3a!');
stop = true;
}
if (stop == false)
{
if (q3a == 4)
{
dumpDistro('ubuntu');
dumpDistro('ubuntu-lts');
dumpDistro('elementary');
dumpDistro('fedorakde');
dumpDistro('opensuse');
dumpDistro('mageia');
dumpDistro('mint');
dumpDistro('mintlxde');
dumpDistro('lubuntu');
dumpDistro('kubuntu');
dumpDistro('xubuntu');
}
if (q3a == 3)
{
dumpDistro('elementary');
}
else if (q3a == 1)
{
dumpDistro('debian-unstable');
dumpDistro('debian-testing');
dumpDistro('fedoralxde');
dumpDistro('fedoraxfce');
dumpDistro('centos');
dumpDistro('archlinux');
dumpDistro('puppylinux');
dumpDistro('dsl');
dumpDistro('gentoo');
dumpDistro('mandriva');
dumpDistro('vector');
dumpDistro('antix');
}
}
//q3b
var q3b = document.getElementById('q3b').value;
if ((stop == false) && (q3b == ''))
{
alert('Geen antwoord opgegeven bij vraag 3b!');
stop = true;
}
if (stop == false)
{
if (q3b == 'ja')
{
dumpDistro('ubuntu');
dumpDistro('ubuntu-lts');
dumpDistro('debian-testing');
dumpDistro('debian-unstable');
dumpDistro('debian-stable');
dumpDistro('elementary');
dumpDistro('fedora');
dumpDistro('fedoralxde');
dumpDistro('fedoraxfce');
dumpDistro('centos');
dumpDistro('archlinux');
dumpDistro('crunchbang');
dumpDistro('archbang');
dumpDistro('pinguyos');
dumpDistro('gentoo');
dumpDistro('mandriva');
dumpDistro('xubuntu');
}
if (q3b == 'neevoorwaarde')
{
dumpDistro('debian-testing');
dumpDistro('debian-unstable');
dumpDistro('debian-stable');
dumpDistro('fedora');
dumpDistro('centos');
dumpDistro('archlinux');
dumpDistro('pinguyos');
dumpDistro('gentoo');
dumpDistro('mandriva');
dumpDistro('xubuntu');
}
if (q3b == 'neemacos')
{
dumpDistro('debian-testing');
dumpDistro('debian-unstable');
dumpDistro('debian-stable');
dumpDistro('fedora');
dumpDistro('fedoralxde');
dumpDistro('fedoraxfce');
dumpDistro('centos');
dumpDistro('archlinux');
dumpDistro('crunchbang');
dumpDistro('archbang');
dumpDistro('gentoo');
dumpDistro('mandriva');
dumpDistro('mageia');
dumpDistro('xubuntu');
dumpDistro('mint');
dumpDistro('mintdebian');
dumpDistro('mintlxde');
dumpDistro('mintdebianxfce');
dumpDistro('fedorakde');
dumpDistro('puppylinux');
dumpDistro('lucidpuppy');
dumpDistro('dsl');
dumpDistro('lubuntu');
dumpDistro('kubuntu');
dumpDistro('chakra');
dumpDistro('slackware');
dumpDistro('zorin');
dumpDistro('vector');
dumpDistro('antix');
dumpDistro('opensuse');
}
}
//q3c
var q3c = document.getElementById('q3c').value;
if ((stop == false) && (q3c == ''))
{
alert('Geen antwoord opgegeven bij vraag 3c!');
stop = true;
}
if (stop == false)
{
if (q3c == 'ja')
{
dumpDistro('debian-stable');
dumpDistro('debian-testing');
dumpDistro('debian-unstable');
dumpDistro('centos');
dumpDistro('gentoo');
}
}
//q3d
var q3d = document.getElementById('q3d').value;
if ((stop == false) && (q3d == ''))
{
alert('Geen antwoord opgegeven bij vraag 3d!');
stop = true;
}
if (stop == false)
{
if (q3d == 'stabiel')
{
dumpDistro('ubuntu');
dumpDistro('mintdebian');
dumpDistro('mintdebianxfce');
dumpDistro('debian-unstable');
dumpDistro('debian-testing');
dumpDistro('fedora');
dumpDistro('puppylinux');
dumpDistro('dsl');
dumpDistro('pinguyos');
dumpDistro('mandriva');
dumpDistro('kubuntu');
dumpDistro('chakra');
dumpDistro('slackware');
dumpDistro('opensuse');
}
else if (q3d == 'test')
{
dumpDistro('debian-stable');
dumpDistro('debian-unstable');
}
else if (q3d == 'experimenteel')
{
dumpDistro('debian-stable');
}
}
if (distros.length > 6)
{
if ((q1a > 1000) && (q1b > 1000))
{
dumpDistro('mintlxde');
dumpDistro('mintdebianxfce');
if (distros.length > 3) { dumpDistro('fedoralxde'); }
if (distros.length > 3) { dumpDistro('fedoraxfce'); }
if (distros.length > 3) { dumpDistro('mintdebianxfce'); }
if (distros.length > 3) { dumpDistro('lucidpuppy'); }
if (distros.length > 3) { dumpDistro('crunchbang'); }
if (distros.length > 3) { dumpDistro('dsl'); }
if (distros.length > 3) { dumpDistro('tinycore'); }
if (distros.length > 3) { dumpDistro('bodhi'); }
if (distros.length > 3) { dumpDistro('antix'); }
if (distros.length > 4)
{
if (q3b != 'ja')
{
dumpDistro('zorin');
}
}
}
}
}
catch (error)
{
alert(error);
}
}
function dumpDistro(distro)
{
for (var i = 0; i < distros.length; i++ )
{
if (distros[i] == distro)
{
distros.splice(i,1);
}
}
}
</script>
var stop = false;
,让我们记住这一点。
if ((stop == false) && (document.getElementById('q1a').value == ''))
{
alert('Geen antwoord opgegeven bij vraag 1a!');
stop = true;
}
当输入包含内容时不激发。
if ((stop == false) && (document.getElementById('q1b').value == ''))
{
alert('Geen antwoord opgegeven bij vraag 1b!');
stop = true;
}
当输入包含内容时不激发。
if ((stop == false) && (q2a == ''))
{
alert('Geen antwoord opgegeven bij vraag 2a!');
stop = true;
}
当输入包含内容时不激发。
if ((stop == false) && (q2b == ''))
{
alert('Geen antwoord opgegeven bij vraag 2b!');
stop = true;
}
当输入有内容时不激发。。。等等…
即使没有值为空,你能发布你认为应该触发的特定警报吗?
快速查看代码后,我可以看到一个带有onclick处理程序的提交按钮,它似乎正在工作。
但是,字段和提交按钮周围没有FORM标记,因此浏览器不知道提交什么以及提交到哪里。
- 在输入字段上有两个函数调用,一个在Blur上,一个不在Angular中
- 同一页面上两个不同控制器的Angularjs双向绑定字段
- 我可以在Dynamics CRM 2016的复合地址字段中添加两个选项字段吗
- 在两个多选字段之间移动选项
- 我如何获得这个javascript来计算两个监听器字段作为价格
- 如何使用jquery将两个字段组合为下拉菜单中的选项
- 比较两个输入字段
- Angularjs 通过选择不同选择框中的两个字段来填充选择框
- 从一个套接字发出两个事件
- MongoDB聚合将两个不同的字段合并为一个并获取计数
- 在 JavaScript 中计算两个输入字段值
- 使用Join,要求两个字段中的一个字段为非空
- 如何计算mongodb中两个集合中一个字段的不同值的数量
- jquery自动更新两个选择字段
- 谷歌地图API JS-放置两个组合字段的自动完成
- 设置分类法字段多个值
- 如何接收“隐藏字段”第二个jsp中的值
- 在Mongoose / MongoDB中创建多字段(2个以上)索引
- 必填字段两个字段之一
- 套接字.等待两个玩家都选择了答案的IO事件