X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Input text в форме, запретить отправку формы
Денисов Данила
Денисов Данила
Topic Starter сообщение 1.5.2015, 20:04; Ответить: Денисов Данила
Сообщение #1


Есть форма в ней кучка инпутов всех мастей у всех есть атрибут required. Есть один Input text в котором вся проблема, в нем пользователь вводит текст нажимает интер, и текст переплывает в новую кнопку (ввод тэгов, как на ютубе вообщем) , это все находится в форме.
Проблема в том что как только пользователь нажимает интер то тут же срабатывает required, который ругается на предыдущий инпут.
Вопрос:
Можно ли как то исключить этот инпут из обработки формы?
Как сделать так что бы по нажатию интер в инпуте, форма не реагировала на это нажатие?

Я пробовал запретить отправку формы если этот инпут в фокусе, но не помогло, required все равно ругался, может быть его как то по другому обходить надо? Или же все таки мой код запрета отправки просто не работал.

Вот код который у меня сейчас есть

<form id="main_form" enctype="multipart/form-data" action="/V2/script/sendpost.php" method="POST">
<input class="input" type="text" placeholder="Наименование объявления" name="short" required />
<br>
<br>
<input class="input" id="tag_input" type="text" placeholder="теги для поиска" required/><!--тот самый инпут, он обратывается на Jquery см ниже--><br>
<div style="display:inline-block; height:40px;" id="tag_parent" ></div>
<br>
<br>
<textarea class="input" cols="60" id="about" rows="5" placeholder="Краткое, но четкое описание..." name="about" required ></textarea><br>
<hr>
<select class="select" name="country" id="country2" onchange="CityUpdateNotAll2()">
<?php include("script/countrylist.php"); ?>
</select>
<select class="select" name="city" id="city2">
<?php include("script/citylist.php"); ?>
</select>
<select class="select" name="cat">
<?php include("script/catlist.php"); ?>
</select>
<hr>
<input class="input" type="text" placeholder="#цена" name="price" required/>
<br>
<br>
<span class="label">Загрузите фотографии:</span><br>
<input type="file" multiple accept="image/jpeg,image/png" name="userfile[]"/><br><br>
<input class="submit" type="submit" value="опубликовать"/><br>
</form>


[JS]
$("#tag_input").keyup(function(e){
if(e.keyCode == 13)
{
if($("#tag_input").val().length != 0)
{
$("#tag_parent").html($("#tag_parent").html()+"<input name='tags[]' type='text' readonly style='background:whitesmoke; border:1px solid black; cursor:pointer;' class='tag_lab' value="+$("#tag_input").val()+" />&nbsp;");
$("#tag_input").val("");
}
}

$(".tag_lab").click(function(){
$(this).remove();
});

$( "#main_form" ).submit(function( event ) {
if ($("#tag_input").is(":focus") ) event.returnValue = false;
});

});
[/JS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 2.5.2015, 16:44; Ответить: Wins
Сообщение #2


Убрать reuired

здесь

<input class="input" id="tag_input" type="text" placeholder="теги для поиска" required/>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыРассылка ваших сообщений в контакт формы!
3 dizaynmaks 1709 18.4.2022, 9:04
автор: dizaynmaks
Открытая тема (нет новых ответов) Делаю простые формы заказов с оплатой
прочитал-оформил-оплатил
3 Taylor 2825 13.6.2018, 0:34
автор: Taylor
Открытая тема (нет новых ответов) Доработка формы вывода фильтра товара и формы заказа. Webasyst ShopScript7
0 rmoto 2808 12.12.2017, 1:13
автор: -Arturrfmoto-
Открытая тема (нет новых ответов) Нужно поправить всплывающее окно с input на WP
0 eduarddis 2406 10.9.2017, 13:32
автор: eduarddis
Открытая тема (нет новых ответов) Требуется доработка формы заказа/обратной связи
0 Dinamitt 1804 22.2.2017, 22:02
автор: Dinamitt


 



RSS Текстовая версия Сейчас: 25.4.2024, 10:29
Дизайн