Question

我在网页上进行了以下验证，

$( document ).on( 'click', '.click_button', function() {
    if(($('#first_name').val() == "")){
        alert('Firstname missing');
        return false;
    }
    // post to ajax 
});

一旦遇到firstname missing validation error，click事件（对于类click_button）将无法使用。如何在返回false后附加click事件。任何建议将不胜感激

Answer 1

function checkFormIsValid(){
  var isValid = true;
  var input = $.trim($('#first_name').val());
  if(typeof input != 'string' || input==''){
        isValid = false;
  }
  return isValid;
}

$( document ).on( 'click', '.click_button', function(e) {
  if(checkFormIsValid()){
    //do your stuff
  }else{
     e.preventDefault();
     alert('Firstname missing');
     return false;
  }
});

这是小提琴https://jsfiddle.net/adwp6dLe/2/

Answer 2

请查看这个（基本上我不添加任何东西。只有$（'＃first_name'）。val（）===“”）。你的代码正在运作

HTML

<input id="first_name">
<button type="button" class="click_button">post</button>

的javascript

$(document).on('click', '.click_button', function(e) {
  if (($('#first_name').val() === "")) {
    alert('Firstname missing');
    return false;
  }
  alert('sending');
  // post to ajax 
});

jsfiddle

验证后返回点击事件无效的虚假文件

2 个答案: