javascript onsubmit无法正常工作

时间:2017-08-28 15:33:55

标签: 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;
    }
};

1 个答案:

答案 0 :(得分:0)

您确定要将包含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>