如何在功能A,B和C完成后调用功能D

时间:2016-04-05 19:45:49

标签: javascript html forms function validation

大家好我想知道是否可以调用功能"确认"只有IF函数checkV,checkV1,checkV2完成,表单完整填写。

HTML&的JavaScript

http://pastebin.com/xY1MBhv5



function checkV() {
  var check = document.getElementById("voornaam").value;

  if (isNaN(check) || check.length == 0) {
    return true;
  } else {
    alert("In de naamvelden geen cijfers invoeren s.v.p.");
  }

};

function checkV1() {
  var check1 = document.getElementById("achternaam").value;

  if (isNaN(check1) || check1.length == 0) {
    return true;
  } else {
    alert("In de naamvelden geen cijfers invoeren s.v.p.");
  }
};

function checkV2() {
  var check2 = document.getElementById("toneelspeler").value;

  if (isNaN(check2) || check2.length == 0) {
    return true;
  } else {
    alert("In de naamvelden geen cijfers invoeren s.v.p.");
  }
};


function confirm() {
  var voorNaam = document.getElementById("voornaam").value;
  var toneelNaam = document.getElementById("toneelspeler").value;
  var achterNaam = document.getElementById("achternaam").value;

  alert("Beste " + voorNaam + " " + achterNaam + ", ontzettend bedankt voor je wens, we zullen ervoor zorgen dat            " + toneelNaam + " je wens zal ontvangen!");

};

window.onload = function() {
  document.getElementById('submit').onclick = function() {

    checkV()
    checkV1()
    checkV2()
    confirm()
  };
};

<header>
  <div id="logo">
    <a href="home.html">
      <img src="logo.png" id="home" alt="Logo van Het Imperium Theater">
    </a>
    <a href="http://www.facebook.com" target="blank">
      <img src="facebook.png" id="facebook" alt="facebook" />
    </a>
    <a href="http://www.twitter.com" target="blank">
      <img src="twitter.png" id="twitter" alt="twitter" />
    </a>
  </div>

  <nav>
    <ul>
      <li><a href="Home.html">Home</a>
      </li>
      <li><a href="Agenda.html">Agenda</a>
      </li>
      <li><a href="Het Theater.html">Het Theater</a>
      </li>
      <li><a href="Ontdek Leiden.html">Ontdek Leiden</a>
      </li>
      <li><a href="Contact.html">Contact</a>
      </li>
    </ul>
  </nav>

</header>

<div id="wrapper">

  <form id="form" name="form">
    <h1>Verstuur een wens.</h1>
    <div id="forms">
      <label for="voornaam">Voornaam:
        <input type="text" name="name" id="voornaam" placeholder="uw voornaam" name="fname" required>
      </label>
      <label for="achternaam">Achternaam:
        <input type="text" name="name" id="achternaam" placeholder="uw achternaam" name="fname" required>
      </label>
      <label for="toneelspeler">Naam toneelspeler:
        <input type="text" name="name" id="toneelspeler" placeholder="naam van de toneelspeler" name="fname" required>
      </label>
      <label for="boodschap">Uw wens:
        <textarea rows="4" cols="20" name="name" placeholder="Type hier uw wens" required></textarea>
      </label>
    </div>
    <input type="submit" value="Submit" id="submit">

  </form>

</div>

<footer>
  <a href="home.html">
    <p>Theater Imperium</p>
  </a>
  <p>Oude Vest 33e</p>
  <p>2312 XR Leiden</p>
  <p>071 5141035</p>
  <p>&copy; Arpiar Melikjan</p>

</footer>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

根据提供的链接,如果一切顺利,checkV(), checkV1()checkV2()将返回true,否则undefined。你可以这样做:

if(checkV() && checkV1() && checkV2())
    //Do submit

修改

如果您想要更多地控制您的控制流(这可能有助于调试),您可能会这样做:

if(checkV()) {
    if(checkV1()) {
        if(checkV2()) {
            //Do submit
        }
    }
}

现在,您可以关联else块,并可以根据无法验证输入的方法采取措施。