提交按钮仅在前两个字段为空时有效

Submit button only works when first 2 fields are empty

本文关键字:字段 两个 有效 按钮 提交      更新时间:2023-09-26

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标记,因此浏览器不知道提交什么以及提交到哪里。