Большое спасибо Дзен-трансгуманист и Gozar конечно!
все заработало!
кому интересно прикрепляю код...
еще идея возникла чтобы через минуту автоматически все очищалось,
сейчас с таймерами буду возиться...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>URL</title>
<script type="text/javascript">
function urlCodeFunc()
{
var urlCode = document.getElementById("urlCode").value;
var urlCode = urlCode.replace(/\s/g,"_");
var urlCode = urlCode.replace(/\./g,"-")
var urlCode = urlCode.replace(/\,/g,"-");
var urlCode = urlCode.replace(/[а-яА-Я]/g,"");
var urlCodeResult = document.getElementById("urlCodeResult");
urlCodeResult.style.textTransform = "lowercase";
var lastChar = urlCode.charAt(urlCode.length - 1);
var firstChar = urlCode.charAt(0);
document.getElementById('urlCodeResult').innerHTML = "";
if (urlCode)
{
var i = 1;
while (i>0)
{
if(lastChar == '-' || lastChar == '_')
{
urlCode = urlCode.substring(0,urlCode.length-1);
lastChar = urlCode.charAt(urlCode.length - 1);
}
else
{
i = 0
}
}
i = 1;
while (i>0)
{
if(firstChar == '-' || firstChar == '_')
{
urlCode = urlCode.substring(1);
firstChar = urlCode.charAt(0);
}
else
{
i = 0
}
}
urlCodeResult.appendChild(document.createTextNode(urlCode));
}
else
{
urlCodeResult.appendChild(document.createTextNode('Пустое поле или неправильное значение'));
}
if (document.getElementById('autoClear').checked)
{
setTimeout('resetAll();', 8000);
}
if (document.getElementById('textFormClear').checked)
{
document.getElementById('urlCode').value = "";
}
}
function resetAll()
{
document.getElementById('urlCodeResult').innerHTML = "";
document.getElementById('urlCode').value = "";
}
</script>
</head>
<body>
<h2>Формирование URL-адреса</h2>
<form name="urlConvForm" id="urlForm" onSubmit="urlCodeResult()">
<input type="text" id="urlCode">
<input type="button" value="Convert" onclick="urlCodeFunc()"><br>
<input type="reset" value="Очистить" onclick="resetAll()">
</form>
<fieldset>
<legend>Настройки</legend>
<form>
<input type="checkbox" id="autoClear">Автоматически очищать форму<br>
<input type="checkbox" id="textFormClear">Стирать изначальное значение при конвертации
</form>
</fieldset>
<section>
<h2>Результат:</h2>
<p id="urlCodeResult"></p>
</section>
</body>
</html>