Javascript 验证jquery函数的问题

我试图用jquery在我的表单中进行验证，但它没有按照预期的方式工作，我也不知道为什么

我有以下功能来进行验证：

function newLogin () {
var username = $("#popup-login-email").val();
var password = $("#popup-login-password").val();
if (username == "" || password.length<5){

  $(document).ready(function () {

      $("#popup-login-form").validate({ // initialize the plugin

          rules: {
              email: {
                  required: true,
                  email: true
              },
              password: {
                  required: true,
                  minlength: 5
              }
          },

      });

  });

  return false;
}
else{
  Parse.User.logIn(username, password, {

  success:function(user){
        console.log("login successfull");
        if(checkEmail()){
          console.log(checkEmail());
          document.location.href = "Temas.html";
        }
  },
    error: function(user, error){
        console.log(error.message);
        displayErrorDiv();
    }
  })
}

函数newLogin（）{
var username=$（“#弹出登录电子邮件”）.val（）；
var password=$（“#弹出式登录密码”）.val（）；
如果（username==“”| | password.length，在获取

“TypeError:$（…）。验证不是函数”

我改变

$（..）。验证

为了

jQuery（..）.validate

当我得到

“TypeError:$（…）。验证不是函数”

我改变

$（..）。验证

为了

jQuery（..）.validate

必须在jquery文件之后包含此验证文件

<script src="http://cdn.jsdelivr.net/jquery.validation/1.14.0/jquery.validate.js"></script>

您必须在jquery文件之后包含此验证文件

<script src="http://cdn.jsdelivr.net/jquery.validation/1.14.0/jquery.validate.js"></script>

您在JSFIDLE中共享的代码没有问题，但是您正在使用的上述代码
$（document）.ready（{function（）}）
在一个没有用处的函数中。现在的问题是在dom ready上没有调用newLogin方法，因此出现了这个问题

最好将函数调用保存在
$（document）.ready（{function（）newLogin（）}）
中。现在，您还可以在validate中使用
submitHandler
来合并if-else条件。
在jsfiddle中共享的代码没有问题，但上面使用的代码是
$（document）.ready（{function（）}）
在一个无用的函数中。现在的问题是在dom ready上没有调用newLogin方法，因此出现了这个问题

最好将函数调用保存在
$（document）.ready（{function（）newLogin（）}）
中。现在您还可以在validate中使用
submitHandler
来合并if-else条件。
我给您举一个例子


$（文档）.ready（函数（）{
$（“#弹出登录表单”）。验证（{//初始化插件
规则：{
电邮：{
要求：正确，
电子邮件：真的
},
密码：{
要求：正确，
最小长度：5
}
},
});
//事件侦听提交
$（'form'）。提交（函数（事件）{
var returnForm=true；
var username=$（“#弹出登录电子邮件”）.val（）；
var password=$（“#弹出式登录密码”）.val（）；
//在这里进行验证
如果（username==“”| | password.length我给你举个例子


$（文档）.ready（函数（）{
$（“#弹出登录表单”）。验证（{//初始化插件
规则：{
电邮：{
要求：正确，
电子邮件：真的
},
密码：{
要求：正确，
最小长度：5
}
},
});
//事件侦听提交
$（'form'）。提交（函数（事件）{
var returnForm=true；
var username=$（“#弹出登录电子邮件”）.val（）；
var password=$（“#弹出式登录密码”）.val（）；
//在这里进行验证
if（username==“”| | password.length请不要在
if
条件下使用
$（document.ready（）
）包装代码。将代码更改为：

if (username == "" || password.length < 5){
    $("#popup-login-form").validate({ // initialize the plugin
      /*remaining code here*/
    });
}

不要在
if
条件下使用
$（document.ready（）
包装代码。将代码更改为：

if (username == "" || password.length < 5){
    $("#popup-login-form").validate({ // initialize the plugin
      /*remaining code here*/
    });
}

您的JS控制台中是否有任何错误？您只需在输入框中使用所需的html5即可。请检查您的控制台是否存在任何jquery错误。请使用$（document）.ready（function（）{}）包装所有代码，不仅仅是验证。当调用newLogin时？您的JS控制台中是否有任何错误？您只需在输入框中使用所需的html5即可。请检查您的控制台是否有任何jquery错误。用$（document）.ready（函数（）{}）包装您的所有代码。不仅是验证。当调用newLogin时？我尝试过，但仍然是“类型错误：jquery（…）.validate不是函数。“我将放置$（document）.ready（函数（）{newLogin（）函数外部。我尝试过，但仍然是”TypeError:jQuery（…）。validate不是函数。“我将放置$（document）.ready（函数（）{newLogin（）函数外部。”。
var username = $.trim($("#popup-login-email").val());
var password = $.trim($("#popup-login-password").val());
/* $.trim() would remove the whitespace from the beginning and end of a string.*/