使用JS在Yii中重置表单

2ul0zpep 于 2022-11-09 发布在其他

关注(0)|答案(4)|浏览(180)

我尝试使用jquery方法。

$('#contact-form')[0].reset();

不工作。
我尝试了以下方法来重置表单。

$form->reset();

它会产生以下错误。
reset（）需要正好1个参数，给定了0个
我添加了“表单ID”来重置，如下图所示

$form->reset("contact-form");

它不工作。
先谢谢你

4条答案

虽然这是一个老职位，但我认为我应该添加一个答案。
一二
使用js时重置表单的最佳方法，比如如果您通过 AJAX 提交表单，并且在收到成功响应后，您希望清除带有验证消息的表单，则应使用Activeform js的resetFrom函数，如下所示

$("#form-id").yiiActiveForm('resetForm');

要从表单输入中删除值，应使用以下方法

$("#form-id")[0].reset()

希望这对你有帮助。

最后，我重置了表单。这是因为提交表单后，每个字段中输入的值都被设置为默认值。要重置字段值，我们需要清空默认值。
前。

<script> 
$(document).ready(function () {
$('#id_of_the_textbox').val("");//using the id of the textbox empty the value.
});
</script>

试试这个

<?php echo CHtml::resetButton('Reset'); ?>

要重置表单，请尝试以下操作

$('#contact-form').reset().trigger('reset');// if id of your form is "contact-form"