检查按钮按下并按Enter

Question

按下按钮后我做了一个扩展表单，但是现在我也想添加Enter键，但是我不知道怎么做。 也许有人可以帮助我！

码

$(document).ready(
    function() {
    $(".form-fieldError").hide();
        $("#expand-form-button").click(function() {
            if( document.getElementById('sign_up_email').value === '' ){
                $(".form-fieldError").show(1);
            }else{
                $("#form-expand").fadeToggle();
                $("#expand-form-button").hide(1);
                document.getElementById("mc-embedded-subscribe-form").action ="http://skyflex.us14.list-manage.com/subscribe/post?u=5321ce4878800c447658224d3&id=7fa42966ee";
            }
        });
    });

我也想做3输入字段检查，如果这些不为空。

Answer 1

尝试这个 ：

$(document).ready(
    function() {
    $(".form-fieldError").hide();
        $("#expand-form-button").click(function() {
            if( document.getElementById('sign_up_email').value === '' ){
                $(".form-fieldError").show(1);
            }else{
                $("#form-expand").fadeToggle();
                $("#expand-form-button").hide(1);
                document.getElementById("mc-embedded-subscribe-form").action ="http://skyflex.us14.list-manage.com/subscribe/post?u=5321ce4878800c447658224d3&id=7fa42966ee";
            }
        });



$('#form-expand').keypress(function (e) {
  if (e.which == 13) {
    $('#expand-form-button').click();
    return false;  
  }
});


    });

Answer 2

我想您正在寻找类似这样的东西？ 如果您对此有任何疑问，请随时提出。

 $('form').keypress(function (e) { if (e.which == 13) { // 13 = keycode for Enter $('input').each(function(){ // the 3 (or more) inputs to check var value = $(this).val(); if(!(value.lenth > 0)){ // If Inputs are empty alert("You have to fill in the given inputs"); return false; // return and don't go on } }); $('.yourform').submit(); // submit form return false; } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 3

我不确定这是否正是您想要的。.但是我认为这应该是一个好的开始！

 $(document).ready(function() { function expandFormBtn() { $('input').each(function(){ var value = $(this).val(); if(!(value.length > 0)){ $(".form-fieldError").show(1); return; } }); $("#form-expand").fadeToggle(); $("#expand-form-button").hide(1); $("#mc-embedded-subscribe-form").action ="http://skyflex.us14.list-manage.com/subscribe/post?u=5321ce4878800c447658224d3&id=7fa42966ee"; return false; } $(".form-fieldError").hide(); $("#expand-form-button").click(function() { expandFormBtn(); }); $('form').keypress(function (e) { if (e.which == 13) { expandFormBtn(); } }); }); 

Answer 4

输入Enter键，您需要事件，然后可以检查event = 13，这是输入Enter的ascii

$("#entersomething").keyup(function(e) {
    alert("up");
    var code = (e.keyCode ? e.keyCode : e.which);
    if (code==13) {
       //do something
    }


});

或者你可以在按键中做，我发现它更可靠

$(document).keypress(function(event) {
    var keycode = event.keyCode || event.which;
    if(keycode == '13') {
        alert('You pressed a "enter" key in somewhere');    
    }
});

Answer 5

我有东西，我按触发按钮，按Enter键，这是最简单的方法。

    $(document).ready(function() {
    $(".form-fieldError").hide();
        $("#expand-form-button").click(function() {
            if( document.getElementById('sign_up_email').value === '' ){
                $(".form-fieldError").show(1);
            }else{
                $("#form-expand").fadeToggle();
                $("#expand-form-button").hide(1);
                document.getElementById("mc-embedded-subscribe-form").action ="http://skyflex.us14.list-manage.com/subscribe/post?u=5321ce4878800c447658224d3&id=7fa42966ee";
            }
        });

     $('#sign_up_email').keypress(function(e){
        if(e.which == 13){//Enter key pressed
            $('#expand-form-button').click();//Trigger search button click event

        }
    });
});

现在，我想添加字段验证（如果为空（或电子邮件错误）），然后显示div ，哪里出错