javascript - 如果表单已验证，则打开警报框

Question

如果表单经过验证，我想制作一个确认框。这是我的代码:

我使用 webshim/pollyfill 进行验证

<script src="js-webshim/polyfiller.js"></script>
<script type="text/javascript" src="js/custom.js"></script> 
<script>
   $.webshims.polyfill('forms');    
</script>

-

<form method="post" action="process.php">
<label class="control-label col-sm-3" for="inputSuccess3">Paket:</label>
<div class="col-sm-9">
    <select class="form-control" id="Paket" name="paket">
    </select>
</div>

<label class="control-label col-sm-3" for="inputSuccess3">Miktar:</label>
<div class="col-sm-9">
    <input class="form-control" type="number" id="adet" name="adet" min="20" max="250" value="20" required>
</div>

<label class="control-label col-sm-3" for="inputSuccess3">Link:</label>
<div class="col-sm-9">
    <input class="form-control" type="text" name="link" required>
</div>

<div class="col-sm-offset-4 col-sm-8">
Ücret: <span id="output">40</span> Kredi
</div>
<div class="col-sm-offset-3 col-sm-9">
<button type="submit" class="btn btn-primary" onclick="alert('Hello\nHow are you?')">Gönder</button>
<script>
    function myFunction() {
    confirm("Press a button!");
    }
</script>
</div>
</form>

在此版本中，即使表单为空，它也会打开框。你能帮我吗？

Answer 1

<script>
function myFunction(){
var message = document.getElementById('input').value
if(message){
  alert("me")
}
}
</script>
<form id="form">
	<label class="control-label col-sm-3" for="inputSuccess3">Paket:</label>
	<div class="col-sm-9">
		<select class="form-control" id="Paket" name="paket">
		</select>
	</div>

	<label class="control-label col-sm-3" for="inputSuccess3">Miktar:</label>
	<div class="col-sm-9">
		<input class="form-control" type="number" id="adet" name="adet" min="20" max="250" value="20" required>
	</div>

	<label class="control-label col-sm-3" for="inputSuccess3">Link:</label>
	<div class="col-sm-9">
		<input id="input" class="form-control" type="text" name="link" required>
	</div>

	<div class="col-sm-offset-4 col-sm-8">
		Ücret: <span id="output">40</span> Kredi
	</div>
	<div class="col-sm-offset-3 col-sm-9">
		<button type="submit" class="btn btn-primary" onclick="myFunction()">Gönder</button>
	</div>
</form>