检查按钮按下并输入按

我做了一个按钮按下后的扩展形式，但现在我想添加输入按键也，但我不知道如何。也许有人可以帮助我！？检查按钮按下并输入按

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输入域检查，如果这些都不是空的。

来源

2016-10-05 Daniels Jirgensons

的可能的复制【如何检测按Enter键使用jQuery键盘上？（http://stackoverflow.com/questions/979662/how-to-detect-pressing-enter-在键盘上使用jQuery） – Justinas

@Justinas只有输入按键，但我需要他们两个 - 按钮并输入密钥 –

因此，使用两个绑定。有什么问题？ – Justinas

我不是舒尔如果这正是你想要的..但我认为这应该是一个良好的开端！

$(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() { 
 
    \t expandFormBtn(); 
 
    }); 
 
    
 
    $('form').keypress(function (e) { 
 
    if (e.which == 13) { 
 
     expandFormBtn(); 
 
    } 
 
    }); 
 
});

来源

2016-10-05 07:51:27

的回车键您需要的事件，然后你可以检查事件= 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');  
    } 
});

来源

2016-10-05 06:56:14 Tanmay

试这样的：

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


    });

来源

2016-10-05 06:57:48

我得到的东西，即时通讯触发按钮点击输入按键，这是最简单的方法。

$(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，哪里是错误

来源

2016-10-05 06:58:52

我想这样的事情是你在找什么呢？如果您有任何问题随时问。

$('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>

来源

2016-10-05 07:06:29

你可以在我的代码在这篇文章上面添加验证吗？即时通讯新的JavaScript，我想看看，它的外观和学习的东西:) –

检查按钮按下并输入按

回答

相关问题