在yii2中进行js活动表单验证

时间:2017-01-02 06:33:00

标签: javascript yii yii2 active-form

我有一个活动表单,我正在尝试使用下面编写的脚本验证它:

jQuery("#form").yiiActiveForm("submitForm");

问题是,脚本总是返回false。但是当我第二次调用它时会有一些延迟,它会返回true。

jQuery("#form").yiiActiveForm("submitForm");
setTimeout(function () {
if (jQuery("#form").yiiActiveForm("submitForm")) {
        //ajax call...    
    }
}, 300);

我的问题是,验证如何在yii2中运行? 是否有更好的方法来验证js中的活动表单?

当我使用

jQuery("#form").yiiActiveForm("submitForm");

beforeSubmit 处理程序。

$('#form').on('beforeSubmit', function (e) {
    alert('message');
});

beforeSubmit 会自动验证表单吗?

1 个答案:

答案 0 :(得分:0)

简单

你应该试试这个

<?php
    $this->registerJs('



            jQuery("#w0").yiiActiveForm("add",{
                "id": "customer-name",
                "name": "name",
                "container": ".field-customer-name",
                "input": "#customer-name",
                "error": ".help-block.help-block-error",
                "validate": function(attribute, value, messages, deferred, $form) {

                    yii.validation.required(value, messages, {
                        "message": "Name be blank bug."
                    });

                    yii.validation.string(value, messages, {
                        "message": "Name must be a string.",
                        "max": 255,
                        "tooLong": "Name should contain at most 255 characters.",
                        "skipOnEmpty": 1
                    });
                }
        });


    ');
 ?>

更改

w0 into your form ID

"id": "customer-name" into your input field ID

"container": ".field-customer-name" into input field div container class