当表单要求没有满足时，表单onClick运行

Form onClick running when Form required haven't been meet

本文关键字：表单 运行 满足 onClick      更新时间：2023-09-26

嘿，家伙们真的不知道怎么说，但即使我已经添加了required到我的表单输入它运行的JavaScript onsubmit甚至失败的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>

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

试一试:

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

，然后check();功能:

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