How to correctly clear the input's s in ActiveForm in Yii2?

Hello!

There is a standard form:

<?php $form = ActiveForm::begin([
 'id' =--> 'login-form',
 'options' => ['class' => 'form-horizontal'],
 'fieldConfig' => [
 'template' => "{label}\n<div class="\"col-lg-3\"">{input}</div>\n<div class="\"col-lg-8\"">{error}</div>",
 'labelOptions' => ['class' => 'col-lg-1 control-label'],
],
]);
?>
<?= $form--->field($model, 'login') ?>
<?= $form--->field($model, 'password') ?>
<?= $form--->field($model, 'name') ?>

<div class="form-group">
 <div class="col-lg-offset-1 col-lg-11">
 <?= Html::submitButton('Login', ['class' =--> 'btn btn-primary', 'name' => 'login-button']) ?>
</div>
</div>

<?php ActiveForm::end(); ?>

There are all sorts of validators, after which can you see messages, for example, if the input login is invalid:

<div class="form-group field-editform-login required">
<label class="control-label col-lg-3" for="editform-login">Login</label>
<div class="col-lg-3"><input type="text" id="editform-login" class="form-control" name="EditForm[login]"></div>
<div class="col-lg-8"><p class="help-block help-block-error"></p></div>
</div>

when you click login, there will be a reboot of the page and the login field is added to the error class has-error and the message "This username is already in DB.":

<div class="form-group field-editform-login required has-error">
<label class="control-label col-lg-3" for="editform-login">Login</label>
<div class="col-lg-3"><input type="text" id="editform-login" class="form-control" name="EditForm[login]"></div>
<div class="col-lg-8"><p class="help-block help-block-error">This username is already in DB.</p></div>
</div>

The problem is that this form I have a modal window and re-open it I want to clear all fields and remove the display of all errors.
At the moment jQuery methods, I have achieved the desired result, the opening of the modal window, I'm hanging commands:

$('form#edit-form input[type="text"]').each(function() {
$(this).removeAttr('value');
});
 $('form#edit-form div.form-group').each(function() {
$(this).removeClass('has-error');
});
 $('form#edit-form p.help-block').each(function() {
$(this).text(");
 });

I removed all value from input type="text", remove the class has-error, and overwrite error message.
All is good, but after that there is a bug:
If you stand on the username field, do not enter anything and go to the next field, the error field is null or blank is triggered from all input's s, and before that error appeared only from input'a where I left the cursor.

Why is this happening and how to make a normal cleanup? Perhaps there is a less clumsy solution in the ActiveForm class?