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
可能值得一提的是之前它工作得很好,而且说实话,我自己也不知道我做了什么来打破它。
...我刚刚注意到,当我重写脚本>时,我忘记了将结果输出给用户的部分。<
答案 0 :(得分:1)
问题是警告仅在字段留空时出现,因为前两个字段是文本输入,当处于空状态时,值与您的代码检查无关:
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;
}
输入有内容时不会触发...等等......
即使没有值为空,您是否可以发布您认为应该触发的特定警报?
答案 1 :(得分:0)
快速查看代码,我可以看到一个带有onclick处理程序的提交按钮,该按钮似乎正常工作。
然而,字段和提交按钮周围没有FORM标记,因此浏览器不知道要提交的内容和位置。