Question

我正在使用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>

Answer 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";
}

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

1 个答案: