1.在frontend\assets\ActiveFormAsset.php中增加
<?php
namespace frontend\assets;
use yii\web\AssetBundle;
class ActiveFormAsset extends AssetBundle { public $sourcePath = '@yii/assets'; public $js = [ 'yii.activeForm.js', ]; public $depends = [ 'frontend\assets\YiiAsset' ]; }
2.把后台的ActiveForm.php文件拷贝一份到frontend\widgets\ActiveForm.php中
<?php /** * Created by PhpStorm. * User: lixiang * Date: 2017/4/1 * Time: 下午5:33 */
namespace frontend\widgets;
use frontend\assets\ActiveFormAsset; use Yii; use yii\base\InvalidCallException; use yii\base\InvalidConfigException; use yii\base\Model; use yii\base\Widget; use yii\helpers\ArrayHelper; use yii\helpers\Html; use yii\helpers\Json; use yii\helpers\Url; use yii\web\View; use yii\widgets\ActiveField;
/** * A Bootstrap 3 enhanced version of [[\yii\widgets\ActiveForm]]. * * This class mainly adds the [[layout]] property to choose a Bootstrap 3 form layout. * So for example to render a horizontal form you would: * * ```php * use yii\bootstrap\ActiveForm; * * $form = ActiveForm::begin(['layout' => 'horizontal']) * ``` * * This will set default values for the [[ActiveField]] * to render horizontal form fields. In particular the [[ActiveField::template|template]] * is set to `{label} {beginWrapper} {input} {error} {endWrapper} {hint}` and the * [[ActiveField::horizontalCssClasses|horizontalCssClasses]] are set to: * * ```php * [ * 'offset' => 'col-sm-offset-3', * 'label' => 'col-sm-3', * 'wrapper' => 'col-sm-6', * 'error' => '', * 'hint' => 'col-sm-3', * ] * ``` * * To get a different column layout in horizontal mode you can modify those options * through [[fieldConfig]]: * * ```php * $form = ActiveForm::begin([ * 'layout' => 'horizontal', * 'fieldConfig' => [ * 'template' => "{label}\n{beginWrapper}\n{input}\n{hint}\n{error}\n{endWrapper}", * 'horizontalCssClasses' => [ * 'label' => 'col-sm-4', * 'offset' => 'col-sm-offset-4', * 'wrapper' => 'col-sm-8', * 'error' => '', * 'hint' => '', * ], * ], * ]); * ``` * * @see ActiveField for details on the [[fieldConfig]] options * @see http://getbootstrap.com/css/#forms * * @author Michael Härtl <haertl.mike@gmail.com> * @since 2.0 */ class ActiveForm extends Widget { /** * @var array|string the form action URL. This parameter will be processed by [[\yii\helpers\Url::to()]]. * @see method for specifying the HTTP method for this form. */ public $action = ''; /** * @var string the form submission method. This should be either `post` or `get`. Defaults to `post`. * * When you set this to `get` you may see the url parameters repeated on each request. * This is because the default value of [[action]] is set to be the current request url and each submit * will add new parameters instead of replacing existing ones. * You may set [[action]] explicitly to avoid this: * * ```php * $form = ActiveForm::begin([ * 'method' => 'get', * 'action' => ['controller/action'], * ]); * ``` */ public $method = 'post'; /** * @var array the HTML attributes (name-value pairs) for the form tag. * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered. */ public $options = ['role' => 'form']; /** * @var string the default field class name when calling [[field()]] to create a new field. * @see fieldConfig */ public $fieldClass = 'yii\bootstrap\ActiveField'; /** * @var array|\Closure the default configuration used by [[field()]] when creating a new field object. * This can be either a configuration array or an anonymous function returning a configuration array. * If the latter, the signature should be as follows: * * ```php * function ($model, $attribute) * ``` * * The value of this property will be merged recursively with the `$options` parameter passed to [[field()]]. * * @see fieldClass */ public $fieldConfig = []; /** * @var bool whether to perform encoding on the error summary. */ public $encodeErrorSummary = true; /** * @var string the default CSS class for the error summary container. * @see errorSummary() */ public $errorSummaryCssClass = 'error-summary'; /** * @var string the CSS class that is added to a field container when the associated attribute is required. */ public $requiredCssClass = 'required'; /** * @var string the CSS class that is added to a field container when the associated attribute has validation error. */ public $errorCssClass = 'has-error'; /** * @var string the CSS class that is added to a field container when the associated attribute is successfully validated. */ public $successCssClass = 'has-success'; /** * @var string the CSS class that is added to a field container when the associated attribute is being validated. */ public $validatingCssClass = 'validating'; /** * @var bool whether to enable client-side data validation. * If [[ActiveField::enableClientValidation]] is set, its value will take precedence for that input field. */ public $enableClientValidation = true; /** * @var bool whether to enable AJAX-based data validation. * If [[ActiveField::enableAjaxValidation]] is set, its value will take precedence for that input field. */ public $enableAjaxValidation = false; /** * @var bool whether to hook up `yii.activeForm` JavaScript plugin. * This property must be set `true` if you want to support client validation and/or AJAX validation, or if you * want to take advantage of the `yii.activeForm` plugin. When this is `false`, the form will not generate * any JavaScript. */ public $enableClientScript = true; /** * @var array|string the URL for performing AJAX-based validation. This property will be processed by * [[Url::to()]]. Please refer to [[Url::to()]] for more details on how to configure this property. * If this property is not set, it will take the value of the form's action attribute. */ public $validationUrl; /** * @var bool whether to perform validation when the form is submitted. */ public $validateOnSubmit = true; /** * @var bool whether to perform validation when the value of an input field is changed. * If [[ActiveField::validateOnChange]] is set, its value will take precedence for that input field. */ public $validateOnChange = true; /** * @var bool whether to perform validation when an input field loses focus. * If [[ActiveField::$validateOnBlur]] is set, its value will take precedence for that input field. */ public $validateOnBlur = true; /** * @var bool whether to perform validation while the user is typing in an input field. * If [[ActiveField::validateOnType]] is set, its value will take precedence for that input field. * @see validationDelay */ public $validateOnType = false; /** * @var int number of milliseconds that the validation should be delayed when the user types in the field * and [[validateOnType]] is set `true`. * If [[ActiveField::validationDelay]] is set, its value will take precedence for that input field. */ public $validationDelay = 500; /** * @var string the name of the GET parameter indicating the validation request is an AJAX request. */ public $ajaxParam = 'ajax'; /** * @var string the type of data that you're expecting back from the server. */ public $ajaxDataType = 'json'; /** * @var bool whether to scroll to the first error after validation. * @since 2.0.6 */ public $scrollToError = true; /** * @var int offset in pixels that should be added when scrolling to the first error. * @since 2.0.11 */ public $scrollToErrorOffset = 0; /** * @var array the client validation options for individual attributes. Each element of the array * represents the validation options for a particular attribute. * @internal */ public $attributes = [];
/** * @var string the form layout. Either 'default', 'horizontal' or 'inline'. * By choosing a layout, an appropriate default field configuration is applied. This will * render the form fields with slightly different markup for each layout. You can * override these defaults through [[fieldConfig]]. * @see \yii\bootstrap\ActiveField for details on Bootstrap 3 field configuration */ public $layout = 'default';
/** * @var ActiveField[] the ActiveField objects that are currently active */ private $_fields = [];
/** * Initializes the widget. * This renders the form open tag. */ public function init() { if (!in_array($this->layout, ['default', 'horizontal', 'inline'])) { throw new InvalidConfigException('Invalid layout type: ' . $this->layout); }
if ($this->layout !== 'default') { Html::addCssClass($this->options, 'form-' . $this->layout); } if (!isset($this->options['id'])) { $this->options['id'] = $this->getId(); } ob_start(); ob_implicit_flush(false); }
/** * @inheritdoc */ public function run() { if (!empty($this->_fields)) { throw new InvalidCallException('Each beginField() should have a matching endField() call.'); }
$content = ob_get_clean(); echo Html::beginForm($this->action, $this->method, $this->options); echo $content;
if ($this->enableClientScript) { $id = $this->options['id']; $options = Json::htmlEncode($this->getClientOptions()); $attributes = Json::htmlEncode($this->attributes); $view = $this->getView(); ActiveFormAsset::register($view); $view->registerJs("jQuery('#$id').yiiActiveForm($attributes, $options);", View::POS_END); }
echo Html::endForm(); }
/** * Returns the options for the form JS widget. * @return array the options. */ protected function getClientOptions() { $options = [ 'encodeErrorSummary' => $this->encodeErrorSummary, 'errorSummary' => '.' . implode('.', preg_split('/\s+/', $this->errorSummaryCssClass, -1, PREG_SPLIT_NO_EMPTY)), 'validateOnSubmit' => $this->validateOnSubmit, 'errorCssClass' => $this->errorCssClass, 'successCssClass' => $this->successCssClass, 'validatingCssClass' => $this->validatingCssClass, 'ajaxParam' => $this->ajaxParam, 'ajaxDataType' => $this->ajaxDataType, 'scrollToError' => $this->scrollToError, 'scrollToErrorOffset' => $this->scrollToErrorOffset, ]; if ($this->validationUrl !== null) { $options['validationUrl'] = Url::to($this->validationUrl); }
// only get the options that are different from the default ones (set in yii.activeForm.js) return array_diff_assoc($options, [ 'encodeErrorSummary' => true, 'errorSummary' => '.error-summary', 'validateOnSubmit' => true, 'errorCssClass' => 'has-error', 'successCssClass' => 'has-success', 'validatingCssClass' => 'validating', 'ajaxParam' => 'ajax', 'ajaxDataType' => 'json', 'scrollToError' => true, 'scrollToErrorOffset' => 0, ]); }
/** * Generates a summary of the validation errors. * If there is no validation error, an empty error summary markup will still be generated, but it will be hidden. * @param Model|Model[] $models the model(s) associated with this form. * @param array $options the tag options in terms of name-value pairs. The following options are specially handled: * * - `header`: string, the header HTML for the error summary. If not set, a default prompt string will be used. * - `footer`: string, the footer HTML for the error summary. * * The rest of the options will be rendered as the attributes of the container tag. The values will * be HTML-encoded using [[\yii\helpers\Html::encode()]]. If a value is `null`, the corresponding attribute will not be rendered. * @return string the generated error summary. * @see errorSummaryCssClass */ public function errorSummary($models, $options = []) { Html::addCssClass($options, $this->errorSummaryCssClass); $options['encode'] = $this->encodeErrorSummary; return Html::errorSummary($models, $options); }
/** * Generates a form field. * A form field is associated with a model and an attribute. It contains a label, an input and an error message * and use them to interact with end users to collect their inputs for the attribute. * @param Model $model the data model. * @param string $attribute the attribute name or expression. See [[Html::getAttributeName()]] for the format * about attribute expression. * @param array $options the additional configurations for the field object. These are properties of [[ActiveField]] * or a subclass, depending on the value of [[fieldClass]]. * @return ActiveField the created ActiveField object. * @see fieldConfig */ public function field($model, $attribute, $options = []) { $config = $this->fieldConfig; if ($config instanceof \Closure) { $config = call_user_func($config, $model, $attribute); } if (!isset($config['class'])) { $config['class'] = $this->fieldClass; } return Yii::createObject(ArrayHelper::merge($config, $options, [ 'model' => $model, 'attribute' => $attribute, 'form' => $this, ])); }
/** * Begins a form field. * This method will create a new form field and returns its opening tag. * You should call [[endField()]] afterwards. * @param Model $model the data model. * @param string $attribute the attribute name or expression. See [[Html::getAttributeName()]] for the format * about attribute expression. * @param array $options the additional configurations for the field object. * @return string the opening tag. * @see endField() * @see field() */ public function beginField($model, $attribute, $options = []) { $field = $this->field($model, $attribute, $options); $this->_fields[] = $field; return $field->begin(); }
/** * Ends a form field. * This method will return the closing tag of an active form field started by [[beginField()]]. * @return string the closing tag of the form field. * @throws InvalidCallException if this method is called without a prior [[beginField()]] call. */ public function endField() { $field = array_pop($this->_fields); if ($field instanceof ActiveField) { return $field->end(); } else { throw new InvalidCallException('Mismatching endField() call.'); } }
/** * Validates one or several models and returns an error message array indexed by the attribute IDs. * This is a helper method that simplifies the way of writing AJAX validation code. * * For example, you may use the following code in a controller action to respond * to an AJAX validation request: * * ```php * $model = new Post; * $model->load(Yii::$app->request->post()); * if (Yii::$app->request->isAjax) { * Yii::$app->response->format = Response::FORMAT_JSON; * return ActiveForm::validate($model); * } * // ... respond to non-AJAX request ... * ``` * * To validate multiple models, simply pass each model as a parameter to this method, like * the following: * * ```php * ActiveForm::validate($model1, $model2, ...); * ``` * * @param Model $model the model to be validated. * @param mixed $attributes list of attributes that should be validated. * If this parameter is empty, it means any attribute listed in the applicable * validation rules should be validated. * * When this method is used to validate multiple models, this parameter will be interpreted * as a model. * * @return array the error message array indexed by the attribute IDs. */ public static function validate($model, $attributes = null) { $result = []; if ($attributes instanceof Model) { // validating multiple models $models = func_get_args(); $attributes = null; } else { $models = [$model]; } /* @var $model Model */ foreach ($models as $model) { $model->validate($attributes); foreach ($model->getErrors() as $attribute => $errors) { $result[Html::getInputId($model, $attribute)] = $errors; } }
return $result; }
/** * Validates an array of model instances and returns an error message array indexed by the attribute IDs. * This is a helper method that simplifies the way of writing AJAX validation code for tabular input. * * For example, you may use the following code in a controller action to respond * to an AJAX validation request: * * ```php * // ... load $models ... * if (Yii::$app->request->isAjax) { * Yii::$app->response->format = Response::FORMAT_JSON; * return ActiveForm::validateMultiple($models); * } * // ... respond to non-AJAX request ... * ``` * * @param array $models an array of models to be validated. * @param mixed $attributes list of attributes that should be validated. * If this parameter is empty, it means any attribute listed in the applicable * validation rules should be validated. * @return array the error message array indexed by the attribute IDs. */ public static function validateMultiple($models, $attributes = null) { $result = []; /* @var $model Model */ foreach ($models as $i => $model) { $model->validate($attributes); foreach ($model->getErrors() as $attribute => $errors) { $result[Html::getInputId($model, "[$i]" . $attribute)] = $errors; } }
return $result; } }
3.在frontend\assets\YiiAsset.php中配置以下信息
<?php
namespace frontend\assets;
use yii\web\AssetBundle;
class YiiAsset extends AssetBundle { public $sourcePath = '@yii/assets'; public $js = [ 'yii.js', ]; public $depends = [ 'frontend\assets\AppAsset' ]; }
4.frontend\assets\AppAsset.php加入jq的版本，否则由于jq的版本不一致，无法完成校验
<?php
namespace frontend\assets;
use yii\web\AssetBundle;
/** * Main frontend application asset bundle. */ class AppAsset extends AssetBundle { public $sourcePath = '@frontend/skin';
public $css = [ 'plugins/bootstrap/css/bootstrap.min.css', 'css/common.css', ];
public $js = [ 'plugins/jquery/jquery-1.11.3.js', 'plugins/bootstrap/js/bootstrap.min.js', 'js/common.js', ];
public $depends = [ ]; }
