php yii ajax 访问action alert,Yii2.0 模态弹出框+ajax提交表单

该博客介绍了如何通过Ajax在Yii框架中实现模态弹出框提交表单,并添加了表单验证功能。首先,通过添加data-toggle和data-target属性在创建按钮上触发模态窗口。接着,修改控制器的create方法以使用renderAjax渲染视图。然后,在_form视图中添加id属性以进行表单验证,并在模型中定义相应的验证规则。最终,实现了无刷新的表单提交和验证效果。
摘要由CSDN通过智能技术生成

如题 我们使用模态弹出框+ajax提交表单 首先我们把index视图的create按钮添加data-toggle 和 data-target。

代码如下:

echo Html::a('添加请假单', ['create'], ['class' => 'btn btn-success','data-toggle'=>'modal','data-target'=>'#ajax'])

?>

在index视图添加如下代码 来显示模态弹出框:

修改后的效果如下

3c906ca09852c051775914f319b9ffd9.png

然后我们修改控制器中的create方法,把render改为renderAjax即可

return $this->renderAjax('create', [

'model' => $model,

]);

如果想添加表单验证我们需要修改views 里的 _form 添加上id

<?php $form = ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data'],'id'=>'leave-form-self']) ?>

指向 你的models 在rules添加上验证规则

public function rules()

{

return [

[['t_leave_date', 't_days', 't_reason', 't_nickname','t_leave_enddate'], 'required'],

[['t_leave_date', 't_leave_enddate'], 'safe'],

[['t_days'], 'number'],

[['t_reason'], 'string'],

[['type', 'add_time', 'uid', 'update_time', 'status', 'is_shen'], 'integer'],

[['t_pickup', 't_nickname', 't_pass'], 'string', 'max' => 20],

[['t_img', 'reviewer_user', 'audit_user'], 'string', 'max' => 255]

];

}

效果如下

cab18cf32f19da44ee5011b66eef6b23.png

这样就实现了ajax提交表单

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值