大家好我想知道是否可以调用功能"确认"只有IF函数checkV,checkV1,checkV2完成,表单完整填写。
HTML&的JavaScript
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>© Arpiar Melikjan</p>
</footer>
&#13;
答案 0 :(得分:0)
根据提供的链接,如果一切顺利,checkV(), checkV1()
和checkV2()
将返回true
,否则undefined
。你可以这样做:
if(checkV() && checkV1() && checkV2())
//Do submit
修改强>
如果您想要更多地控制您的控制流(这可能有助于调试),您可能会这样做:
if(checkV()) {
if(checkV1()) {
if(checkV2()) {
//Do submit
}
}
}
现在,您可以关联else
块,并可以根据无法验证输入的方法采取措施。