使用parsley.js验证html表单后的彩色提交按钮

使用parsley.js验证html表单后的彩色提交按钮,html,forms,twitter-bootstrap,validation,parsley.js,Html,Forms,Twitter Bootstrap,Validation,Parsley.js,我正在使用Parsley.js验证引导格式的HTML表单。它工作得很好。如果验证失败,我现在要做的是更改submit按钮的颜色 我阅读了Parsley.js中的文档,但根据验证的不同,我找不到类似于向submit按钮添加类的内容 例如: <form> <input type="text" id="fehler" name="fehler" required> <button type="submit" class="btn btn-default"&

我正在使用Parsley.js验证引导格式的HTML表单。它工作得很好。如果验证失败,我现在要做的是更改submit按钮的颜色

我阅读了Parsley.js中的文档,但根据验证的不同,我找不到类似于向submit按钮添加类的内容

例如:

<form>
    <input type="text" id="fehler" name="fehler" required>
    <button type="submit" class="btn btn-default">Submit</button>
</form>

提交
单击(和验证)后,如果更改为以下内容:

<button type="submit" class="btn btn-default novalid"></button>

或者这个:

<button type="submit" class="btn btn-danger"></button>

试试这个:

在按钮上添加一个ID,如“validateFormButton”,并创建此方法,以便在发送表单后调用:

function change_class(formIsValid) {

var btn = document.getElementById("validateFormButton");
if(formIsValid)
    btn.className= "btn btn-default novalid";
else
    btn.className= "btn btn-danger";
}