Не работает attr требуется, если получить его как JSON

Question

У меня есть проблема.

Я отправляю ajax-запрос как dateType: json и получаю HTML- код, вставляю его как $(селектор).html (res.html), и браузер не понимает, что attr required = "required" и type = "email", не работает.

Только если я изменю dateType на HTML, это будет работать.

Как я могу заставить это работать?

$.ajax({
  dataType: "json",
  success: function (res) {
    $("#html").html(res.html);
  }
})

разрешение:

{"status": true, "html": "<form id=\"ajax-form\"><input type=\"email\" name=\"email\" required=\"required\" /></form>"}

http://jsfiddle.net/6a2Ja/2/

Answer 1

Ваш HTML работает нормально. <input> имеет все атрибуты, что и должно. Проблема в том, что ваша кнопка отправки находится не в том месте. Это должно быть внутри формы.

Сделай это, тогда все будет нормально. Итак, в основном сделайте свой JSON:

{"status": true, "html": "<form id=\"ajax-form\"><input type=\"email\" name=\"email\" required=\"required\" /><input type=\"submit\" value=\"send\" /></form>"}

ДЕМО: http://jsfiddle.net/6a2Ja/3/