ちょっと言い方がよくわかりませんでしたが、フォーム入力に追加したとしても、ボタンが押されてフォームが空白になったときに送信時required
に JavaScript が実行されます。required
ボタンが押されてフォームが空白のときに実行を停止するために JavaScript に追加できる行はありますか? どんな助けでも素晴らしいでしょう:D
<div id="div3">
<div id="form">
<form action="results.php" method="post" >
<input type="text" id="field" name="field" required>
<input id="submit" name="submit" type="image" src="gif/button.png" onClick="test();" value="submit"></form>
</div><div id="msg"><b>
<span id="msgtxt">Hello</span>
<span id="img"><img src="gif/loadingdot.gif"></span></b>
</div>
</div>
Javaスクリプト
function test()
{
$('#msg').attr('style','display:block;');
$('#msgtxt').html('Connecting To Server');
setTimeout(function(){ //Beginning of code that should run AFTER the timeout
$('#msgtxt').html('Message one');
//lots more code
},5000); // put the timeout here
setTimeout(function(){ //Beginning of code that should run AFTER the timeout
$('#msgtxt').html('Message two);
//lots more code
},7000); // put the timeout here
setTimeout(function(){ //Beginning of code that should run AFTER the timeout
$('#msgtxt').html('Message three');
//lots more code
},11000); // put the timeout here
setTimeout(function(){
txt=$("#field").val();
$.post("results.php",{field:txt},function(result){
$("#div3").html(result);
});
$('#msg').attr('style','display:none;');
},17000);
}
$(document).ready(function() {
$.post("form.html",{field:'mytext'},function(result){
$("#load").html(result);
});
});