Здраствуйте, создал форму в HTML документе и к нему присоеденил JAVASCRIPT чтобы проверялись поля, все работает все нормально.
Форму перенес в Joomla, при переходе по ссылке она отображается, а вот как туда этот скрипт присоеденить чтоб поля проверялись я не знаю, помогите пожалуйста!
Вот сам файл index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>SCRIPT</title>
<link rel="stylesheet" type="text/css" href="styleCSS.css">
<script src="script.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload = function()
{
forma();
}
</script>
</head>
<body>
<form>
<table>
<tr>
<td id="punkt_name">Ваша фамилия:</td>
<td><input type="text" id="surname"></td>
<td id="punkt_error"></td>
</tr>
<tr>
<td id="punkt_name">Ваше имя:</td>
<td><input type="text" id="name"></td>
<td id="punkt_error"></td>
</tr>
<tr>
<td id="punkt_name">Ваше отчество:</td>
<td><input type="text" id="patronymic"></td>
<td id="punkt_error"></td>
</tr>
<tr>
<td id="punkt_name">Номер телефона:</td>
<td><input type="text" id="phone"></td>
<td id="punkt_error"></td>
</tr>
<tr>
<td id="punkt_name"></td>
<td><input type="submit" value="отправить" id="button"></td>
<td id="punkt_zakaz"></td>
</tr>
</table>
</form>
</body>
</html>
вот код скрипта:
function forma()
{
var name = document.getElementById('name');
var surname = document.getElementById('surname');
var patronymic = document.getElementById('patronymic');
var phone = document.getElementById('phone');
var button = document.getElementById('button');
name.onfocus = function() {standartInput(this);}
name.onblur = function() {proverka(this);}
surname.onfocus = function() {standartInput(this);}
surname.onblur = function() {proverka(this);}
patronymic.onfocus = function() {standartInput(this);}
patronymic.onblur = function() {proverka(this);}
phone.onfocus = function() {standartInput(this);}
phone.onblur = function() {proverka(this);}
button.onclick = sendTo;
}
function proverka(element)
{
if(!isNotEmpty(element))
{
element.style.border = '1px solid red';
element.parentNode.nextSibling.nextSibling.style.color = 'red';
var error = element.parentNode.nextSibling.nextSibling;
error.innerHTML = 'заполните данное поле';
return false;
}
else
{
standartInput(element);
return true;
}
}
function isNotEmpty(element)
{
var value = element.value;
if(value == '' || value == false)
{
return false;
}
return true;
}
function standartInput(element)
{
element.style.border = '1px solid black';
var error = element.parentNode.nextSibling.nextSibling;
error.innerHTML = '';
}
function cleanForm() {
var elementsToClean = new Array(); // = ;
elementsToClean.push(document.getElementById('email'),document.getElementById('name'),document.getElementById('message'));
for (var i = 0; i < elementsToClean.length; i++)
{
elementsToClean
.value = '';
}
}
function sendTo()
{
var surname = document.getElementById('surname');
var name = document.getElementById('name');
var patronymic = document.getElementById('patronymic');
var phone = document.getElementById('phone');
if (proverka(surname) && proverka(name) && proverka(patronymic) && proverka(phone))
{
alert('Ваше сообщение успешно отправлено!');
return true;
cleanForm();
}
return false;
}
03.10.2019, 15:46:00