Question

我想处理三个命令。

检查输入是否为空，如果空，则进程停止，如果不是则继续执行命令2和3.
将输入数据插入数据库。
显示并隐藏2 div。

我在这里尝试

＆＃13;

function SubmitFormData() {
    
        if ($.trim($('#url').val()) == '') {
            alert('Input can not be left blank');
            return false;
        }
    
        var url = $("#url").val();
        $.post("shorten.php", {
                url: url
            },
            function(data) {
                $('#result_div').html(data);
                $('#short_form')[0].reset();
            });
    
        $("#result_div").hide();
        $("#submit").show();
        $('#submit').click(function() {
            $("#result_div").slideToggle();
            $("#short_div").slideToggle();
        });
    }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="col-12" id="short_form" name="short_form" method="post">
        <div class="input-group" id="short_div">
            <input type="text" class="form-control" id="url" name="url" placeholder="Your Long URL" required>
            <div class="input-group-append">
                <button type="button" id="submit" name="submit" class="btn btn-default" onclick="SubmitFormData();"><i class="fa fa-search" aria-hidden="true" style="font-size: 25px;"></i>Submit</button>
            </div>
        </div>
        <div class="input-group" id="result_div">
        </div>
    </form>

＆＃13;

Answer 1

根据您的描述进行A / C： -

你是在正确的轨道上试试给出的代码，它应该适合你 -

$(document).ready(function(){
   $('#result_div').hide();
   $('#submit').on('click', function(){
       var inputVal = $.trim($("#url").val());
       if(inputVal != ''){
          $.post('shorten.php', {url: inputVal}, function(response){
              $('#result_div').html(response).show();
              $('#short_form')[0].reset(); 
          });
        $("#result_div").slideToggle();
                $("#short_div").slideToggle();
       }else{
           alert('Please insert valid input')
        }
   });

});

如何在一个JavaScript中完成多个过程

1 个答案: