檢查按鈕按下並輸入按

Question

我做了一個按鈕按下後的擴展形式，但現在我想添加輸入按鍵也，但我不知道如何。也許有人可以幫助我！？

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

我也要讓3輸入域檢查，如果這些都不是空的。

Answer 1

我不是舒爾如果這正是你想要的..但​​我認爲這應該是一個良好的開端！

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

Answer 2

的回車鍵您需要的事件，然後你可以檢查事件= 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 3

試這樣的：

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

我得到的東西，即時通訊觸發按鈕點擊輸入按鍵，這是最簡單的方法。

$(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，哪裏是錯誤

Answer 5

我想這樣的事情是你在找什麼呢？ 如果您有任何問題隨時問。

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