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

时间:2011-11-08 16:09:41

标签: javascript html

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
可能值得一提的是之前它工作得很好,而且说实话,我自己也不知道我做了什么来打破它。


...我刚刚注意到,当我重写脚本>时,我忘记了将结果输出给用户的部分。<

2 个答案:

答案 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标记,因此浏览器不知道要提交的内容和位置。