-1

我需要进行构建，如果名称中没有任何内容，则必须指定所有四个输入，因此必须显示出问题在于名称中没有写入任何内容。

我想要摆脱的是，我不必使用这样的方法来创建用户或发送电子邮件，但它必须在每个输入表单中都写了一些东西。

我已经这样做了：

<form action="#" method="post" name="kontakt_box">
                <span id="myhint" class="info_box_kontakt"></span>
                <br />
                <label>Navn<br /><input type="text" name="navn" class="new" placeholder="Navn"></label><br />
                <label>Efternavn<br /><input type="tel" name="efternavn" class="new" placeholder="Efternavn"></label><br />
                <label>Email<br /><input type="email" name="email" class="new" placeholder="Email"></label><br />
                <label>Tekst<br /><textarea name="tekst" cols="35" rows="10" class="new"></textarea></label><br />
                <label><input type="submit" name="send" value="Send" class="new"></label>
            </form>

这里的Javascript：

document.kontakt_box.navn.onfocus=function() {
    document.getElementById('myhint').innerHTML = "Angive et navn!";
}
document.kontakt_box.navn.onblur=function() {
    document.getElementById('myhint').innerHTML = "";
}
//efternavn
document.kontakt_box.efternavn.onfocus=function() {
    document.getElementById('myhint').innerHTML = "Angive et efternavn!";
}
document.kontakt_box.efternavn.onblur=function() {
    document.getElementById('myhint').innerHTML = "";
}
//email
document.kontakt_box.email.onfocus=function() {
    document.getElementById('myhint').innerHTML = "Angive en email!";
}
document.kontakt_box.email.onblur=function() {
    document.getElementById('myhint').innerHTML = "";
}

document.kontakt_box.send = function(){
    alert('Husk noget tekst!');
    return false;
}

这是我对页面的第一个 javasciprt 任务，所以你最好对我说可能有错误或者你认为它很奇怪。

4

1 回答 1

0

您的最后一个功能可能是这样的：

document.kontakt_box.onsubmit = function(){
    var navn = document.kontakt_box.navn.value,
        efternavn = document.kontakt_box.efternavn.value,
        email = document.kontakt_box.email.value,
        tekst = document.kontakt_box.tekst.value;
    if(!navn || !efternavn || !email || !tekst) {
        alert('Husk noget tekst!');
        return false;
    }
};

并添加;afret每个回调函数赋值。

这里的工作示例http://jsbin.com/enovex/1/edit

于 2013-05-08T16:54:06.657 回答