Сделать дз по html № 222575

Перегляди: 281

Виконати 20 грудня 2016

Прострочено

Створити форму. Саму форму оформити, використавши класи Bootstrap. Задати оброблення форми методами JavaScript. Використайте обробники подій. Нехай на веб-сторінці є форма: <p>Type 'correct' to validate.</p> <form id="form1" action="javascript:void(null);"> <input id="text1" type="text"> <button type="submit">Submit</button> </form> <span></span> action="javascript:void(null);" - вказує на те, що сторінка лишається тією самою. Для її оброблення у окремому js-файлі додають код: $( "#form1" ).submit( function( event ) { if ( $( "#text1" ).val() === "correct" ) { $( "span" ).text( "Validated..." ).show(); return; } $( "span" ).text( "Not valid!" ).show().fadeOut( 1000 ); event.preventDefault(); }); Або можна замінити методом on: $( "#form1" ).on( 'submit', function( event ) { ... }); Для запобіганню оброблення форми, якщо, наприклад, не заповнені текстові поля (input[type=text]): $( "#form1" ).submit(function( event ) { var emptyVal = $('input[type=text]',this).filter(function(){ return $(this).val() === ''; }).get().length; if(emptyVal > 0){ //якщо є порожні текстові поля event.preventDefault(); $('<p>Не все поля заполнены</p>').insertAfter(this).delay(1500).fadeOut(); } else { //якщо форма введена правильно, то вивести десь текст $("#other").text( "HELLOO!!!").show(); event.preventDefault(); } }); ЗАДАНИЕ (ВАРИАНТ) Форма реєстрації на конференції. Після введення усіх даних і натиснення відповідної кнопки користувач повинен отримати змогу перевірити дані, які він увів (тобто введені дані повинні відобразитися на веб-сторінці). Також повинне відобразитися повідомлення про те, що деталі будуть надіслані на е-мейл.