Javascript jQuery表单验证无法正常工作

我的问题是我想通过jquery.validate验证我的表单输入。这是我的剧本

$(document).ready(function () {

$('#formreg').validate({ 
    rules: {
        Username: {
            required: true,
            email: true
        },
        Password: {
            required: true,
            minlength: 8
        },
        Password2:{
            required:true,
            minlength:8
        },
        Name:{
            required:true   
        },
        Lastname:{
            required:true
        },
        Address:{
            required:true
        },
        Telephone:{
            required:true
        }
    }
});
return false;
});

在上面的代码中，我得到的唯一验证错误仅针对电子邮件、密码2和地址，我希望获得所有表单输入的验证错误。多谢各位

这是我的html表单

<form action="#" method="post" accept-charset="utf-8" id="formreg">    
<input type="text" name="Username" value="" id="Username">
<input type="password" name="Password" value="" id="Password" />
<input type="password" name="Password2" value="" id="Password2"/>  
<input type="text" name="Name" value="" id="Name"/>
<input type="text" name="Lastname" value="" id="Lastname" />
<input type="text" name="Address" value="" id="Address"  />
<input type="text" name="Telephone" value="" id="Telephone"  />    
<button name="Login" type="button"  onclick="submitform();">Register</button>

你的按钮

<button name="Login" type="button"  onclick="submitform();">Register</button>

您也不能将返回false放入DOM就绪处理程序中

<button name="Login" type="submit">Register</button>

$(document).ready(function () {

    $('#formreg').validate({
        // your rules
    });

    // return false;  // <- REMOVE THIS LINE

});

---

工作演示：

为什么在DOM就绪处理程序中存在返回false？这毫无意义。此外，还需要显示表单的相关HTML标记。否则我们怎么知道你的代码为什么不工作？我已经删除了返回错误，我已经发布了我的html表单，谢谢！我正在使用一个按钮，因为我的css上的提交有一些问题。onClick处理程序调用不同的函数，而不是jQuery验证插件。这只是为了提交表单…@user3537552，也可能是什么破坏了你的代码。如果您要检查我的代码，我还使用了。将其更改为type=submit应该对CSS没有任何影响；否则，请修复您的CSS。祝你好运。是的，你是对的，它与提交按钮一起工作！非常感谢你！有没有一种方法可以将我的提交按钮与表单分开设计？@user3537552，不知道你所说的分开是什么意思。使用CSS，你可以设计任何你想要的样式。我在我的提交按钮上给了一个类，我正试图通过CSS来设计样式。但是由于某些原因，提交按钮会得到表单的css。。。