Это может быть от того что ты посылаешь форму не <input type="submit", а <button> вот мой пример проверки формы под button самописный, ахахахахах!
jQuery(document).ready(function(){
var name = jQuery('#form_faq_block_tip_name');// Назначаем div с нашим ответом о вводе
name.hide();//скрываем элемент
function searching( search_text,reg){ // Создаем функцию поиска search_text - вводимое значение в input, reg - переменная для выборки if
var result;
if (reg == 'name'){
var re = /[a-zа-яA-ZA-Я]{3,15}$/;
result = search_text.search(re);
}
else if(reg == 'mail'){
var re = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;
result = search_text.search(re);
}
else if(reg == 'text'){
var re = /^(.|\n){20,2000}$/;
result = search_text.search(re);
}
return result;
}
var form_name = jQuery('#form_faq_block_name_input input');
form_name.blur(function(){ // Назначаем событие на выход из фокуса имени
if (searching(form_name.val(),'name')!=0){
name.html('<span style="color:red;">Введите правильно Имя:<br />'+'включающее только буквы<br /> и больше 2 симолов</span>');
}
else{
name.html('');
}
name.fadeIn(500);
});
var form_city = jQuery('#form_faq_block_city_input input');
form_city.blur(function(){ // Назначаем событие на выход из фокуса город
if (searching(form_city.val(),'name')!=0){
name.html('<span style="color:red;">Введите правильно Город:<br />'+'включающее только буквы<br /> и больше 2 симолов</span>');
}
else{
name.html('');
;
}
name.fadeIn(500);
});
var form_mail = jQuery('#form_faq_block_mail_input input');
form_mail.blur(function(){ // Назначаем событие на выход из фокуса почта
if (searching(form_mail.val(),'mail')!=0){
name.html('<span style="color:red;">Введите правильно свой e-mail:</span>');
}
else{
name.html('');
}
name.fadeIn(500);
});
var form_text = jQuery('#form_faq_block_text_input textarea');
form_text.blur(function(){ // Назначаем событие на выход из фокуса текста
if (searching(form_text.val(),'text')!=0){
name.html('<span style="color:red;">Напишите свой вопрос:</span>');
}
else{
name.html('');
}
name.fadeIn(500);
});
var button = jQuery('#form_faq_block_button_input button');
button.click(function(event){
if (searching(form_name.val(),'name')==0 && searching(form_city.val(),'name')==0 && searching(form_mail.val(),'mail')==0 && searching(form_text.val(),'text') ==0){
alert('Ушло');
}else{
name.html('<span style="color:red;">Вы не заполнили форму:</span>');
event.preventDefault();
}
});
});// конец jQ
Вот HTML для понятности
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Проба</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.10.2.min.js" type="application/javascript"></script>
<script src="js/myscript.js" type="application/javascript"></script>
</head>
<body>
<div id="form_faq">
<form id="form_faq_form"action="123123" enctype="multipart/form-data">
<div id="form_faq_block">
<div id="form_faq_block_title">
Имя:
</div>
<div id="form_faq_block_name_input">
<input name="" type="text" placeholder=" Введите Имя"/>
</div>
<div id="form_faq_block_tip">
<div id="form_faq_block_tip_name">
</div>
</div>
</div>
<div id="form_faq_block">
<div id="form_faq_block_title">
Город:
</div>
<div id="form_faq_block_city_input">
<input name="" type="text" placeholder=" Введите Город"/>
</div>
<div id="form_faq_block_tip">
</div>
</div>
<div id="form_faq_block">
<div id="form_faq_block_title">
Почта:
</div>
<div id="form_faq_block_mail_input">
<input name="" type="text" placeholder=" Введите свой e-mail"/>
</div>
<div id="form_faq_block_tip">
</div>
</div>
<div id="form_faq_block_big">
<div id="form_faq_block_title">
Вопрос</div>
<div id="form_faq_block_text_input">
<textarea placeholder=" Задайте свой вопрос"></textarea>
</div>
<div id="form_faq_block_text_tip">
</div>
</div>
<div id="form_faq_block">
<div id="form_faq_block_button_tip">
</div>
<div id="form_faq_block_button_input">
<button type="submit">Отправить</button>
</div>
</div>
</form>
</div>
</form>
</body>
</html>
Пример рабочий!
так я его подключил к Joomla
$document = JFactory::getDocument();
$document->addScript('templates/auto-16/js/jquery-1.8.3.min.js');
$document->addScript('templates/auto-16/js/form_faq.js');
14.09.2023, 22:16:47