使用可见元素进行jQuery表单验证

时间:2012-07-04 21:45:24

标签: jquery forms validation

我的表单中的字段已经验证。如果它们无效,则会出现一个span类并通知用户。同样,如果他们是空的。

所以我认为只检查其中一个类的可见性就足够了。

这是我的剧本:

$(document).ready(function(){
  if (($('.error').length) || ($('.empty').length)) {

      function validateReview(){

               document.getElementById('ReviewForm').submit();
      }

  } else {

      function validateReview(){

                alert("Please check fields and be sure to leave a review.");
      }

  }
};

然后我的表单中的提交按钮只需调用validateReview() onclick。

但它没有按照我的预期工作,我认为这是一个错误“ validateReview未定义”。 我是否错误地声明validateReview(),或者在本地范围内声明? BIG newb在这里所以请注意。我知道的只是遇到麻烦。

1 个答案:

答案 0 :(得分:1)

不确定你的逻辑,但是我认为你可以使用这个

$(document).ready(function(){
    if ($('.error').length || $('.empty').length) {
        $('#ReviewForm')[0].submit();
    } else {
        alert("Please check fields and be sure to leave a review.");
    }
});