- Проблем с изпращане на форма
WT форуми -> HTML / Javascript / CSS -> Проблем с изпращане на форма
Създайте нова тема Напишете отговор 
Автор Съобщение
alan
Нов
Нов

Регистриран на: 07/03/2019 3:15 pm

Support: 0
Bonus: 0
Мнения: 1
Мнение 07/03/2019 3:21 pm     Проблем с изпращане на форма Отговорете с цитат


Имам един проблем в една форма трябва да сложа tabs с полета за попълване. Проблема е ,че когато кликна върху бутоните на tabs-а формата задейства. Сложих
$('form').on('submit', function(event) {
event.preventDefault(); за да предотвратя това, но сега пък submit- бутона спря да работи и не мога да изпратя формата.

Моля , ако може някой да ми помогне !
------------------------

<form name="form1" method="post" action="">

<div class="w3-bar w3-black">
<button class="w3-bar-item w3-button tablink w3-red" onclick="openCity(event,'London')">London</button>
<button class="w3-bar-item w3-button tablink" onclick="openCity(event,'Paris')">Paris</button>
<button class="w3-bar-item w3-button tablink" onclick="openCity(event,'Tokyo')">Tokyo</button>
</div>

<div id="London" class="w3-container w3-border city">
<h2>London</h2>
<p> <textarea name="textarea_1"></textarea></p>
</div>

<div id="Paris" class="w3-container w3-border city" style="display:none">
<h2>Paris</h2>
<p> <textarea name="textarea_2"></textarea></p>
</div>

<div id="Tokyo" class="w3-container w3-border city" style="display:none">
<h2>Tokyo</h2>
<p> <textarea name="textarea_3"></textarea></p>
</div>
</div>

<input type="submit" name="Submit" value="Submit">

</form>



<script>
function openCity(evt, cityName) {
var i, x, tablinks;
x = document.getElementsByClassName("city");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < x.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" w3-red", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " w3-red";


$('form').on('submit', function(event) {
event.preventDefault();
});

}
</script>
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
teroristd
Редовен
Редовен

Регистриран на: 18/02/2010 1:50 pm

Support: 83
Bonus: 178
Мнения: 1768
Мнение 21/03/2019 3:50 pm      Отговорете с цитат


Ето така го направи и ще работи.

PHP code:

function openCity(evt, cityName) {
var i, x, tablinks;
x = document.getElementsByClassName("city");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < x.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" w3-red", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " w3-red";
event.preventDefault();
}
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
Покажи мнения от преди:    
Създайте нова тема   Напишете отговор    web-tourist.net Форуми -> HTML / Javascript / CSS Часовете са според зоната GMT + 2 Часа
Страница 1 от 1


 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети