Question

我正在处理一个表单，并且在该表单按钮被禁用启动，填写表单按钮后将能够提交它。现在，我希望在填写表单后，用户应该能够通过单击“输入”按钮提交表单，并且它应该验证是否所有字段都已填充。我只想使用Jquery这个功能。

提前致谢。

以下是我希望这样的代码： -

<html>
    <head>
        <title></title>
    </head>
    <body>

    <div class="form-group"> 
    <label for="URL">Website - (Optional Field)</label> 
    <input class="form-control" id="URL" placeholder="www.example.com" type="url"> 
    </div> 
    <div class="form-group"> 
    <label for="Legal_Name">Name</label> 
    <input class="form-control" id="Legal_Name" placeholder="Enter Your Legal Name" type="text"> 
    </div> 
    <div class="form-group"> <label for="Doing_Business">Doing As - (Common Name) </label> 
    <input class="form-control" id="Doing" type="email"> 
    </div> 
    <button type="submit" class="btn btn-default section_btn section-5-next hover_ease btn_disable">Next</button>

    </body>
    </html>

<script>$('.section-5-next').click(function(){
    $('.section-5').hide();
        $('.section-6').fadeIn();
        $('.Progress_Status').html('35%').css({'width':'35%'});
    });
</script>

Answer 1

您可以使用jquery执行此操作：

<script>
$(document).ready(function(){
    $('.section-5-next').click(function(){
        $('.section-5').hide();
        $('.section-6').fadeIn();
        $('.Progress_Status').html('35%').css({'width':'35%'});
    });
    $('.form-control').keypress(function (e) {
        if (e.which == 13) {
          $('form').submit();
        }
    });
});
</script>

Answer 2

选中此Submit form with Enter key without submit button?

$("input").keypress(function(e) {
    if (e.which == 13) {
        event.preventDefault();
        $("#formtosubmit").submit();
    }
});

Jquery触发在窗体上输入并单击按钮功能

2 个答案: