Question

我需要构建这样的，如果名称中没有任何内容，则必须指定所有四个输入，因此必须看起来它是麻烦的，因为名称中没有任何内容。

我想要的是，我不需要使用这样的可以创建用户或发送电子邮件，但它必须在每个输入表单中写入内容。

我这样做了：

<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任务，所以你最好跟我说可能有错误，或者你觉得它很奇怪。

Answer 1

您的上一个功能可能是这样的：

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;
    }
};

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

此处的工作示例http://jsbin.com/enovex/1/edit

如果所有输入都为空，请显示我

1 个答案: