Javascript 禁用表单错误时提交

我正在使用jQuery验证，并有一个简单的脚本来验证我的需求是否得到满足。我想隐藏提交按钮，如果表单有错误，并显示提交，如果表单没有错误

我的HTML表格如下

<form name="homepage-contact" id="homepage-contact" method="post" action="assets/forms/contact-form.php">
              <div class="control-group">
                <label class="control-label" for="inputName">Name</label>
                <div class="controls">
                  <input type="text" class="span4" id="inputName" name="name" placeholder="Name">
                </div>
              </div>
              <div class="control-group">
                <label class="control-label" for="inputEmail">Email</label>
                <div class="controls">
                  <input type="text" class="span4" id="inputEmail" name="email" placeholder="Email">
                </div>
              </div>
              <div class="control-group">
                <label class="control-label" for="inputContact">Message</label>
                <div class="controls">
                 <textarea id="inputContact" name="message" class="span4"></textarea>
                </div>
              </div>
              <div class="control-group">
                <div class="controls">
                  <button type="submit" id="submit" class="btn btn-success">Contact Us</button>
                </div>
              </div>
        </form>

我只是想在JS中添加一些东西来隐藏/显示提交按钮

我尝试添加：

$（“#提交按钮”）.hide（）但紧接着：
$（“#主页联系人”）。验证（规则）但它什么也没做。
$（'submit button'）.css（'display'，'none'）

$（'submit button'）.prop（'disabled'，true）
要禁用
可以为字段添加事件处理程序

向插件验证的字段添加类
validate
，并在调用
$（“#主页联系人”）后添加以下脚本。验证（规则）

为什么
$（'#提交按钮'）.css（'display'，'none'）在OP尝试
$（“#提交按钮”）时工作。隐藏（）
但不工作？客户端验证没有意义。您最好也应用服务器端验证。@user2371301-不，不会。这个答案中显示的代码与验证代码没有任何关系。nnnnnnnn--你的权利，它与验证代码没有任何关系。不过，我确实以任何方式放置了它，以查看会发生什么，并且提交按钮从未出现：）-yuwang--我计划在找到如何进行验证的方法后，立即进行服务器端验证。有没有建议的阅读材料？我以为你的问题只是想知道如何--“…在JS中添加一些东西来隐藏/显示提交按钮”，因此，我只是简单地写了一下它是如何完成的。
$(function validate() {

var rules = {
    rules: {
        name: {
            minlength: 2,
            maxlength: 50,
            required: true
        },
        email: {
            required: true, 
            email: true
        },
        message: {
            required: true
            minlength: 10, 
            maxlength: 500
    }
    }
};

$('#homepage-contact').validate(rules);

});

function fieldChanged() {
    $('#submit').toggle($('#homepage-contact').valid());
}

$('.validate').on('change', fieldChanged);

fieldChanged();