当需要表单时,表单onClick运行尚未满足

时间:2013-04-05 11:49:38

标签: javascript forms post onclick required

嘿伙计们真的不知道如何说出来,但即使我已经将required添加到我的表单输入中,它也会在按下按钮时按下required运行JavaScript onsubmit表格空白。

是否有一行可以添加到我的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>

Javascrpt

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);
        });
 });

1 个答案:

答案 0 :(得分:2)

试一试:

<input id="submit" name="submit"  type="image" src="gif/button.png"  onClick="check();" value="submit">

然后检查();功能:

var check = function(){
    if ($("#field").val() != "" )
        test();
    else
        $('#msgtxt').html('form is empty');
}