如何删除表单内所有输入字段中的类 - jquery

Question

当我单击提交按钮时,表单将如下所示,并显示错误消息:

我的问题是,当我点击我需要的清除链接remove the error class in input fields并清除messages-inline课堂上的值.

我怎么能用jquery做到这一点.

注意:可能有许多字段,如密码,确认密码等......所以概念应该是动态的.

<form id="user-login" method="post" accept-charset="UTF-8" action="/user/register?destination=node%2F1" novalidate="novalidate">
    <div id="edit-name-wrapper" class="form-item">
        <label for="edit-name">
            <span title="This field is required." class="form-required">*</span>
            E-mail: 
        </label>
        <input type="text" class="form-text required error" tabindex="1" value="" size="60" id="edit-name" name="name" maxlength="60">
    </div>    
    <div class="messages error messages-inline">E-mail field is required.</div>

    <input type="submit" class="form-submit" tabindex="4" value="Log in" id="edit-submit" name="op">
    </div>
</form>

Answer 1

你可以试试这个

$('input').removeClass('error');
$('.messages-inline').text('');