javascript onsubmit无法正常工作

HTML：

<h1>CONTACT US</h1> 
<form action="submit.html" target="_blank" method="post" onsubmit="return validate();"> 
    <label for="name">NAME</label> 
    <input id="contact-name" name="name" placeholder="Please enter your name..." type="text"> 
    <label for="email">EMAIL</label> 
    <input id="contact-email" name="email" placeholder="Please enter your contact email..." type="text"> 
    <label for="email">MESSAGE</label> 
    <textarea id="contact-message" name="message" placeholder="Please enter your message.."></textarea> 
    <p></p> 
    <input type="submit" id="submit" value="SUBMIT MESSAGE"> 
</form>

JAVASCRIPT：

function validate() { 
    var username = document.getElementById("contact-name").value; 
    var email = document.getElementById("contact-email").value; 

    if (username==="" || email==="") { 
     alert("Please can you fill in all fields"); 
     return false; 
    } else { 
     return true; 
    } 
};

来源

2017-08-28 CoderAz

发生什么事，你有什么要发生？ –

我想确保用户填写字段。如果他们没有，并且他们提交了，我想要出现一条警告消息：“请填写所有字段”。相反，当他们点击提交而没有填写时，它不会带来警报。它将它们发送到“感谢您的评论”提交页面。 – CoderAz

我能够获得两个输入字段的验证注释，并且它也限制从上面的代码提交页面。你还想要什么呢？ –

你确定引入包含你的Javascript到HTML文件？请看下图：

function validate() { 
 
    var username = document.getElementById("contact-name").value; 
 
    var email = document.getElementById("contact-email").value; 
 

 
    if (username==="" || email==="") { 
 
     alert("Please can you fill in all fields"); 
 
     return false; 
 
    } else { 
 
     return true; 
 
    } 
 
}

<html> 
 

 
<head> 
 
</head> 
 

 
<body> 
 
    <h1>CONTACT US</h1> 
 
    <form action="submit.html" target="_blank" method="post" onsubmit="return validate();"> 
 
    <label for="name">NAME</label> 
 
    <input id="contact-name" name="name" placeholder="Please enter your name..." type="text"> 
 
    <label for="email">EMAIL</label> 
 
    <input id="contact-email" name="email" placeholder="Please enter your contact email..." type="text"> 
 
    <label for="email">MESSAGE</label> 
 
    <textarea id="contact-message" name="message" placeholder="Please enter your message.."></textarea> 
 
    <p></p> 
 
    <input type="submit" id="submit" value="SUBMIT MESSAGE"> 
 
    </form> 
 
    <script src="script.js"></script> 
 
</body> 
 

 
</html>

来源

2017-08-28 15:45:39 Howie

' – Howie

javascript onsubmit无法正常工作

回答

相关问题