Как вывести view при ajax запросе, чтобы форма на ней работала?

Question

[Кирилл Калиев]

Я хочу сделать так чтобы форма регистрации появлялась на сайте Ajax'ом при нажатии на кнопку.
Получается мне нужно вывести view с формой поверх index
Вот код js при нажатии кнопки регистрации

let regButton = document.querySelector('#reg_button');
regButton.onclick = function (e) {
	e.preventDefault();
	$.ajax({
		type: "POST",
		url: "site/reg",
		success: function (response) {
			$('#response').html(response)
		},
		error: function (response) {
			console.log(response)
		}
	});
};

Вот код экшона обрабатывающего запрос

public function actionReg()
	{
		if (Yii::$app->request->isAjax) {
			Yii::$app->response->format = Response::FORMAT_JSON;
			$model = new RegForm();
			return $this->renderAjax('reg', compact('model'));
		}
	}

В итоге то получается что ответ выводится и появляется форма,
НО она без стилей и скриптов обрабатывающих валидацию

Comments

[Дмитрий]

Добрый вечер.
Уберите

Yii::$app->response->format = Response::FORMAT_JSON;

[Кирилл Калиев]

Дмитрий, не работает все равно
Если в консоль вывести то что приходит обратно в ajax
то получается renderAjax возвращает страницу без шаблона но со стилями и скриптами
Получается что то типа такого

<div>
	<h1>Registration</h1>
	<form id="w0" action="/site/reg" method="post">
<input type="hidden" name="_csrf" value="bEs-oUczSTuLpCRKLp7IstJSIm7yIR3oao7UO5PmH2dZLX3RIVswbO7rUx4e7JrVmjtWJZ1kV7tbuIRzytF0NQ==">	<div class="form-group field-regform-login required">
<label class="control-label" for="regform-login">Login</label>
<input type="text" id="regform-login" class="form-control" name="RegForm[login]" placeholder="Input login" aria-required="true">

<div class="help-block"></div>
</div>	<div class="form-group field-regform-password required">
<label class="control-label" for="regform-password">Password</label>
<input type="password" id="regform-password" class="form-control" name="RegForm[password]" placeholder="Input password" aria-required="true">

<div class="help-block"></div>
</div>	<button type="submit">send</button>	</form></div>
<script src="/assets/90410998/jquery.js"></script>
<script src="/assets/f8b0c441/yii.js"></script>
<script src="/assets/f8b0c441/yii.validation.js"></script>
<script src="/assets/f8b0c441/yii.activeForm.js"></script>
<script>jQuery('#w0').yiiActiveForm([{"id":"regform-login","name":"login","container":".field-regform-login","input":"#regform-login","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Login cannot be blank."});}},{"id":"regform-password","name":"password","container":".field-regform-password","input":"#regform-password","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Password cannot be blank."});}}], []);</script>

Получается вся загвоздка в том что не подключаются скрипты отвечающие за валидацию формы которая рендерится во вьюшке