如何在Ajax表单提交中重置表单字段1
How to reset fields of form in Ajax form submiting in Yii 1
我有以下代码在我的视图文件:
<?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>
这些代码负责发送消息。当用户按下提交按钮时,它会发送消息并出现提示对话框,无论电子邮件是否发送成功。但是,它不重置消息字段。我需要开发的代码,使重置消息字段后成功发送。我该如何培养它?
请在alert("Your Mail has been sent successfully");
行后添加document.getElementById('YOURFORMID').reset();
,以便在成功的情况下重置它。
YOURFORMID
替换为在"<form id="YOURFORMID">
"标签中设置的实际ID。请在警告消息后输入一行location.reload();
以重置消息字段
相关文章:
- 通过单击动态加载的表中同一行的另一个字段来更新一行的字段
- 添加和删除隐藏字段数组中的值,而不提交表单
- 单击鼠标,用MySQL数据填充html表单输入字段
- 带有条件字段的PHP表单
- 验证PDF表单中的字段
- HTML提交表单,同时包含空字段检查和按钮隐藏
- 在表单中的输入字段上提交事件
- 当所有输入文本字段都为空时,禁止表单提交,但当jquery中的任何字段不为空时允许提交
- 表单输入字段随着溢出的文本而增长
- 如何将onChange方法添加到ExtJS 4表单中的所有字段(textField)中
- 尝试使用名称访问表中字段的日期选取器时出现问题
- Javascript 表单 - 字段不是必需的
- 单击按钮时更改数据库表的字段值
- 数据表将字段值关联到按钮,而 ajax 填充表
- 返回数据表输入字段
- 更改附加表行字段jQuery的名称
- Angularjs表单/字段验证使用JavaScript函数,无需指令
- 仅在Firefox中,表脱离字段集边界
- 如何在表单提交后使用JQuery从附加到HTML表的字段中获取$_POST数组中的值
- 什么's提交表单后,从post数组中动态附加的表行字段中获取值的问题