javascript - 如何在 Yii 1 中重置 Ajax 表单提交中的表单字段

Question

我的 View 文件中有以下代码:

<?php $form=$this->beginWidget('CActiveForm', array(
                            'id'=>'contact',
                            'enableClientValidation'=>true,
                            'htmlOptions'=>array('onsubmit'=>"return false;",
                                'onkeypress'=>"if(event.keyCode==13){send();}"
                                ),
                            'clientOptions'=>array(
                                'validateOnSubmit'=>true,
                            ),
                        )); ?>

发送消息代码:

<div class="f_message">
                            <?php echo $form->labelEx($product,'message'); ?>
                            <?php echo $form->textField($product,'message', array('class'=>'footer_text_area')); ?>
                            <?php echo $form->error($product,'message'); ?>
                        </div>

<?php echo CHtml::submitButton('Submit', array(
                                    'id' => 'f_send',
                                    'onclick'=>'send();',
                                    'style' => 'margin-left:5px;'
                                )) ?>

和 JavaScript 代码:

<script type="text/javascript">

                        function send()
                        {
                            var data=$("#contact").serialize();

                            $.ajax({
                                type: 'POST',
                                url: '<?php echo Yii::app()->createAbsoluteUrl('/profile/company/contact/view', array('id'=>$model->c_id)); ?>',
                                data:data,
                                success:function(data){
                                    alert("Your Mail has been sent successfully");

                                },
                                error: function(data) { // if error occured
                                    alert("Error occured.please try again");
                                    alert(data);
                                },

                                dataType:'html'
                            });

                        }

                    </script>

这些代码负责发送消息。当用户按下提交按钮时，无论电子邮件是否发送成功，它都会发送消息并出现警报对话框。但是，它不会重置消息字段。我需要开发能够在成功发送后重置消息字段的代码。我该如何开发它？

Answer 1

请添加document.getElementById('YOURFORMID').reset(); alert("Your Mail has been sent successfully");之后仅当成功时才重置它。替换YOURFORMID与您在<form id="YOURFORMID">中设置的实际ID标签。