jQuery的：按鍵僅經過兩次點擊

Question

我想提出一個表單驗證功能提交表格，如果沒有空輸入的按鈕需要兩次點擊才能正常工作。

這是我的函數：

function validate(root, animation, error) { 
    $('.button').on('click', function(event) { 
     event.preventDefault() 

     var isEmpty = false, 
      root  = $(root), 
      animation = animation ? animation : 'animation animation-shake', 
      error  = error ? error : 'error'; 

     root.find('form').find('.required').each(function() { 
      if ($(this).val().length == 0) { 
       isEmpty = true; 
       root.addClass(animation); 
       $('.required.error:first').focus(); 
       $(this).addClass(error).on('keydown', function() { 
        $(this).removeClass(error); 
        root.removeClass(animation); 
       }); 
      } 
     }); 

     if (isEmpty) return; 
     $(this).unbind('click'); 
    }); 
} 

調用該函數的代碼：

validate('#login-box .box'); 

任何想法將是巨大的，也是關於如何縮短/提高代碼的建議。

Answer 1

你的方法應該是：

function validate(root, animation, error) { 
    $('.button').on('click', function(event) { 
     /* event.preventDefault();*/ //<< remove it 
     var isEmpty = false, 
      /*...*/ 
     /*if (isEmpty) return; 
      $(this).unbind('click');*/ //<< remove it 

     // and set at handler bottom 
     if (isEmpty) event.preventDefault(); 
    }); 
} 

只有防止在需要時提交的行爲。

Answer 2

您驗證功能，這就是爲什麼它需要2次點擊 首先點擊結合的Click事件，然後第二次點擊觸發裏面代碼中click事件綁定到按鈕。 從代碼中點擊刪除事件。