Потенциально опасный запрос. Форма только от IE8

Question

У меня есть современный элемент управления стилем Facebook, чья на боковой разметке клиента выглядит:

<button id="ctl00_uxBtn" value="ctl00$uxBtn" name="ctl00$uxBtn type="submit">
  <div style="background-image: url("Icons/page_edit.png"); background-position: left center; background-repeat: no-repeat; line-height: 16px; padding: 3px 0pt 3px 22px;">Save Draft</div>
</button>

.

Эта кнопка работает нормально с обоими IE, так и FF, используя веб-сервер Visual Studio 2010, но когда я развернул приложение на сервер (Windows Server 2008 / IIS 7.0), я получаю «потенциально опасный запрос».Ошибка, но только с IE.Похоже, что IE передает CTL00_UXBTN= «

Answer 1

Т.е. настаивает на отправке содержимого между и как значение кнопки, и, кажется, не так, чтобы предотвратить его.Итак, мы перехватываем запрос на стороне клиента, используя обработчик событий ONSUBMIT как таковой:

<form id="form1" runat="server" onsubmit="fixModernButton()">

.

Наша функция JavaScript, затем проверяет, является ли браузер IE и если свойство innerhtml кнопки начинается с "<".Если это так, это разметки и приведет к увеличению ошибки asp.net.Источник для функции JavaScript:

function fixModernButton() {
    if (navigator.appName === 'Microsoft Internet Explorer') {
        if (document.activeElement.innerHTML && document.activeElement.innerHTML.charAt(0) === '<') {
            document.activeElement.innerHTML = document.activeElement.innerText;
        }
    }
    document.forms['form1'].submit();
}

.

Answer 2

Вам нужно использовать правильные цитаты:

<button id="ctl00_uxBtn" value="ctl00$uxBtn" name="ctl00$uxBtn" type="submit">
  <div style="background-image: url('Icons/page_edit.png'); background-position: left center; background-repeat: no-repeat; line-height: 16px; padding: 3px 0pt 3px 22px;">Save Draft</div>
</button>

.

Я бы порекомендовал вам не смешивать CSS и Markup и exwarize это правило в отдельные CSS:

.edit {
    background-image: url('Icons/page_edit.png'); 
    background-position: left center; 
    background-repeat: no-repeat; 
    line-height: 16px; 
    padding: 3px 0pt 3px 22px;
}

.

а затем применить его к div:

<button id="ctl00_uxBtn" value="ctl00$uxBtn" name="ctl00$uxBtn" type="submit">
  <div class="edit">Save Draft</div>
</button>

.

Это сделает вашу разметку намного чище, сохранять пропускную способность и избежать ошибок, как тот, который вы сделали, используя правильные цитаты.