Question

我在按下按钮后制作了一个展开形式，但现在我想添加 Enter 按键，但我不知道怎么做。也许有人可以帮助我！？

CODE

$(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&amp;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&amp;id=7fa42966ee";
            }
        });



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


    });

Answer 2

我想这样的东西就是你要找的东西？如果您有任何问题，请随时提出。

＆＃13;

$('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;
  }
});

＆＃13;

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

＆＃13;

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&amp;id=7fa42966ee";
    return false;
  
}

  $(".form-fieldError").hide();
  $("#expand-form-button").click(function() {
  	expandFormBtn();
  });
  
  $('form').keypress(function (e) {
    if (e.which == 13) {
      expandFormBtn();
    }
  });
});

Answer 4

输入密钥

您需要事件，然后您可以检查event = 13，即输入密钥

的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&amp;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，其中是错误

检查按钮按下并按Enter键

5 个答案: