Блог

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

Все это обрабатывается PHP. Действие формы устанавливается на саму страницу. При отправке форма проверяется, и если это проходит, пользователь перенаправляется на следующий шаг. Если проверка завершается неудачно, сообщения об ошибках генерируются соответствующим образом.

Он отлично работает в Firefox и Chrome, но не в IE11, за исключением случаев, когда установлен режим совместимости с IE8. В IE11 (также в режимах совместимости 10 и 9) абсолютно ничего не происходит, когда я нажимаю кнопку отправки. В консоль не регистрируются ошибки, ничего не отправляется, страница не перезагружается. В режиме IE8 это работает нормально.

Единственными предупреждениями консоли, которые возникают при загрузке страницы, являются два несопоставимых конечных тега. Первое несоответствие, которое он находит, — это первый закрывающий </div> тег. Второе несоответствие — это закрывающий </form> тег.

 <div class="6u">
    <form id="buy-form" name="details" action="booking3.php" method="post">
        <fieldset>
            <legend>Enter Billing Details</legend>
            <label for="first_name" class="register">First Name</label>
            <input type="text" id="fname" name="first_name" class="textbox booking required" size="20" maxlength="20"
                   value="<?php if (isset($_SESSION['first_name'])) {
                       echo $_SESSION['first_name'];
                   } ?>"/><br/>
            <label for="last_name" class="register">Last Name</label>
            <input type="text" id="lname" name="last_name" class="textbox booking required" size="20" maxlength="20"
                   value="<?php if (isset($_SESSION['last_name'])) {
                       echo $_SESSION['last_name'];
                   } ?>"/><br/>
            <label for="email" class="register">E-mail Address</label>
            <input type="email" id="emai" name="email" class="textbox booking required" size="20" maxlength="60"
                   value="<?php if (isset($_SESSION['email'])) {
                       echo $_SESSION['email'];
                   } ?>"/><br/>
            <label for="telephone" class="register">Telephone</label>
            <input type="text" id="tel" name="telephone" class="textbox phonenumber booking required" size="20"
                   maxlength="20" value="<?php if (isset($_SESSION['telephone'])) {
                    echo $_SESSION['telephone'];
                } ?>"/><br/>
            <label for="address">Billing Address</label>
            <textarea class="order required" name="address"><?php if (isset($_SESSION['address'])) {
                    echo $_SESSION['address'];
                } ?></textarea>
        </fieldset>
</div>
<?php
if ($_SESSION['userno'] >= 1) { // if more than one user is selected, display text boxes to take extra user details
    echo '<div class="6u content content-right">';
    if ($_SESSION['userno'] == 1) {
        echo '<span>Please enter the name, e-mail address and telephone number of your user.</span><br/>';
    } else {
        echo '<span>Please enter the names, e-mail addresses and telephone numbers of your '.$_SESSION['userno'].' users.';
    }

    for ($i = 0; $i < $_SESSION['userno']; $i  ) { //create textboxes for the appropriate amount of users based on userno selection
        echo '<fieldset><legend>User '.($i   1).'</legend>';
        if ($i == 0) {
            echo '<label class="register">As Billing Details</label><input id="userisbooker" type="checkbox" class="booking"/><br/>';
        }
        echo '<label for="userFname[]" class="register">First Name: </label><input type="text" id="fname'.$i.'" name="userFname[]" class="textbox booking required" value="';
        if (isset($_SESSION['userFname'][$i])) {
            echo $_SESSION['userFname'][$i];
        }
        echo '"/><br/>';
        echo '<label for="userLname[]" class="register">Last Name: </label><input type="text" id="lname'.$i.'" name="userLname[]" class="textbox booking required" value="';
        if (isset($_SESSION['userLname'][$i])) {
            echo $_SESSION['userLname'][$i];
        }
        echo '"/><br/>';
        echo '<label for="userEmail[]" class="register">E-mail Address: </label><input type="email" id="email'.$i.'" name="userEmail[]" class="textbox booking required" value="';
        if (isset($_SESSION['userEmail'][$i])) {
            echo $_SESSION['userEmail'][$i];
        }
        echo '"/><br/>';
        echo '<label for="userTel[]" class="register">Telephone: </label><input type="text" id="tel'.$i.'" name="userTel[]" class="textbox booking required" value="';
        if (isset($_SESSION['userTel'][$i])) {
            echo $_SESSION['userTel'][$i];
        }
        echo '"/><br/>';
        echo '</fieldset>';
    }
    echo '<input class="button button-alt" type="submit" name="submit" value="Next >"/></form>';
}
?>
</div>
  

Что вызывает эту проблему в IE11? Достаточно ли этих двух несовпадающих тегов (которые кажутся мне совпадающими), чтобы заблокировать всю страницу?

Так и должно быть; не закрывайте элемент, в котором вы запускаете форму, прежде чем сначала закрыть форму.

 <form id="buy-form" name="details" action="booking3.php" method="post">
    <div class="6u">

        <fieldset>
            <legend>Enter Billing Details</legend>
            <label for="first_name" class="register">First Name</label><input type="text" id="fname" name="first_name" class="textbox booking required" size="20" maxlength="20" value="<?php if(isset($_SESSION['first_name'])){echo $_SESSION['first_name'];}?>"/><br/>
            <label for="last_name" class="register">Last Name</label><input type="text" id="lname" name="last_name" class="textbox booking required" size="20" maxlength="20" value="<?php if(isset($_SESSION['last_name'])){echo $_SESSION['last_name'];}?>"/><br/>
            <label for="email" class="register">E-mail Address</label><input type="email" id="emai" name="email" class="textbox booking required" size="20" maxlength="60" value="<?php if(isset($_SESSION['email'])){echo $_SESSION['email'];}?>"/><br/>
            <label for="telephone" class="register">Telephone</label><input type="text" id="tel" name="telephone" class="textbox phonenumber booking required" size="20" maxlength="20" value="<?php if(isset($_SESSION['telephone'])){echo $_SESSION['telephone'];}?>"/><br/>
            <label for="address">Billing Address</label><textarea class="order required" name="address"><?php if(isset($_SESSION['address'])){echo $_SESSION['address'];}?></textarea>
        </fieldset>

    </div>

        <?php
            if ($_SESSION['userno'] >= 1){ // if more than one user is selected, display text boxes to take extra user details
                echo '<div class="6u content content-right">';
                if ($_SESSION['userno'] == 1){
                    echo '<span>Please enter the name, e-mail address and telephone number of your user.</span><br/>';
                } else{
                    echo '<span>Please enter the names, e-mail addresses and telephone numbers of your '.$_SESSION['userno'].' users.';
                }
                for ($i = 0; $i < $_SESSION['userno']; $i  ){ //create textboxes for the appropriate amount of users based on userno selection
                    echo '<fieldset><legend>User '. ($i 1).'</legend>';
                    if ($i == 0){
                        echo '<label class="register">As Billing Details</label><input id="userisbooker" type="checkbox" class="booking"/><br/>';
                    }
                    echo '<label for="userFname[]" class="register">First Name: </label><input type="text" id="fname'.$i.'" name="userFname[]" class="textbox booking required" value="'; if(isset($_SESSION['userFname'][$i])){echo $_SESSION['userFname'][$i];} echo'"/><br/>';
                    echo '<label for="userLname[]" class="register">Last Name: </label><input type="text" id="lname'.$i.'" name="userLname[]" class="textbox booking required" value="'; if(isset($_SESSION['userLname'][$i])){echo $_SESSION['userLname'][$i];} echo'"/><br/>';
                    echo '<label for="userEmail[]" class="register">E-mail Address: </label><input type="email" id="email'.$i.'" name="userEmail[]" class="textbox booking required" value="'; if(isset($_SESSION['userEmail'][$i])){echo $_SESSION['userEmail'][$i];} echo'"/><br/>';
                    echo '<label for="userTel[]" class="register">Telephone: </label><input type="text" id="tel'.$i.'" name="userTel[]" class="textbox booking required" value="'; if(isset($_SESSION['userTel'][$i])){echo $_SESSION['userTel'][$i];} echo'"/><br/>';                                      
                    echo '</fieldset>';
                }
                echo '<input class="button button-alt" type="submit" name="submit" value="Next >"/>';
                echo '</div>';
            }
        ?>
</form>