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

【问题标题】：Colorized submit button after html form validation with parsley.js使用 parsley.js 进行 html 表单验证后的彩色提交按钮
【发布时间】：2014-04-07 11:47:26
【问题描述】：

我正在使用 Parsley.js 来验证我的 Bootstrap 格式的 HTML 表单。它工作得很好。我现在要做的是在验证失败时更改提交按钮的颜色。

我从 Parsley.js 阅读了文档，但我找不到类似向提交按钮添加类的内容，具体取决于验证。

例子：

<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>

【问题讨论】：

标签： html forms twitter-bootstrap validation parsley.js

【解决方案1】：

试试这个：

在您的按钮上放置一个 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";
}

【讨论】：