Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Проверка совпадения полей

Автор: gta4kv 16.2.2007, 16:49

Сообственно скрипт то рабочий, но фигня в том что под Mozill'ой и Oper'ой пашет, а под IE - нет..

Код


function pass_check()
{
     pwd = document.getElementById('pass');
     pwd2 = document.getElementById('repass');
     image = document.getElementById('image');
     bt = document.getElementById('but');
     if(pwd.value == pwd2.value)
     {
       image.innerHTML = '<img src="pOK.jpg" alt="Пароли совпадают" width=16>';
       bt.disabled=false;
       return true;
     }
     else
     {
       image.innerHTML = '<img src="pOFF.jpg" alt="Пароли не совпадают" width=16>';
       return false;
     }
}

Помогите пожалуйста. smile

Автор: Zeroglif 16.2.2007, 17:03

В IE нужно контролировать, чтобы имя переменной не сопадало с ID ('image' vs. 'image'). http://verens.com/archives/2005/03/18/getelementbyid-bug-in-ie6/

Автор: gta4kv 16.2.2007, 17:44

Несовпадает :

Код


    <form action='register.php' method=post>
<input type=hidden name=act value=SingIN>
<table border='0'>
    <tr>
        <td colspan='2'>Регистрационные данные:</td>
    </tr>
    <tr>
        <td>Логин:</td>
        <td><input type='text' name='r_login' size='20'></td>
    </tr>
    <tr>
        <td>Пароль:</td>
        <td><input type='password' name='r_passw' id ='pass' size='20' onkeyup='javascript:pass_check();'></td>
    </tr>
    <tr>
        <td>Повторите пароль:</td>
        <td><input type='password' name='r_repassw' id='repass' size='20' onkeyup='javascript:pass_check();'></td>
        <td id=image></td>
    </tr>
    <tr>
        <td>E-mail:</td>
        <td><input type='text' name='r_email' size='20'></td>
    </tr>
    <tr>
        <td>
        <p align='center'><input type='reset'></td>
        <td>
        <p align='center'><input type='submit' value='Регистрация' id='but' disabled=true></td>
    </tr>
</table>
</form>
<script type='text/javascript' src='js.js'></script>

Js файл чуть поменялся :

Код


function pass_check()
{
     pwd = document.getElementById('pass');
     pwd2 = document.getElementById('repass');
     image = document.getElementById('image');
     bt = document.getElementById('but');
     if(pwd.value == pwd2.value && pwd.value != "" && pwd2.value !="" )
     {
       image.innerHTML = '<img src="pOK.jpg" alt="Пароли совпадают" width=16>';
       bt.disabled=false;
       return true;
     }
     else
     {
       image.innerHTML = '<img src="pOFF.jpg" alt="Пароли не совпадают" width=16>';
       bt.disabled=true;
       return false;
     }
}

Автор: Zeroglif 16.2.2007, 18:48

Цитата(gta4kv @ 16.2.2007, 17:44

)

Несовпадает

Вы вообще обратили внимание на ссылку, что я дал? У вас в строчке:

Код


image = document.getElementById('image');

переменная (вернее свойство window) с именем image совпадает с id ячейки, который тоже зовётся image. Измените одно из них, иначе в IE они будут конфликтовать.

Автор: gta4kv 16.2.2007, 20:11

Код

im = document.getElementById('image');

Скрипт как не пахал на IE так и не пашет ((

Автор: AKS 16.2.2007, 21:34

Вот так будет "пахать":

Код


function pass_check() {
    var pwd = document.getElementById('pass');
    var pwd2 = document.getElementById('repass');
    var bool = pwd.value.length && pwd.value == pwd2.value;
    document.getElementById('image').innerHTML =
        bool
        ? '<img src="pOK.jpg" alt="Пароли совпадают" width=16>'
        : '<img src="pOFF.jpg" alt="Пароли не совпадают" width=16>';
    document.getElementById('but').disabled = !bool;
    return bool;
}

Автор: Zeroglif 16.2.2007, 22:25

Цитата(gta4kv @ 16.2.2007, 20:11

)

Скрипт как не пахал на IE так и не пашет

Несмотря на то, что скрипт сам по себе страшненький, он должОн обязательно работать. Изменив 'image' на 'im' вы просто устранили ошибку в IE, с тем же успехом для проверки можно было просто закомментировать эту строчку (даже не меняя в коде все вхождения 'image' на 'im'). smile

Или же бросайте точный нерабочий код в онлайн, чтоб можно было разглядеть загадочную ошибку.

Автор: gta4kv 16.2.2007, 22:39

Весь код :

Код


function pass_check()
{
     pwd = document.getElementById('pass');
     pwd2 = document.getElementById('repass');
     im = document.getElementById('image');
     bt = document.getElementById('but');
     if(p)
     {
       im.innerHTML = '<img src="pOK.jpg" alt="Пароли совпадают" width=16>';
       bt.disabled=false;
       pwd.style.backgroundColor='lightgreen';
       pwd2.style.backgroundColor='lightgreen';
       return true;
     }
     else
     {
       pwd.style.backgroundColor='#f35f5f';
       pwd2.style.backgroundColor='#f35f5f';
       im.innerHTML = '<img src="pOFF.jpg" alt="Пароли не совпадают" width=16>';
       bt.disabled=true;
       return false;
     }
}

Вот и всё.

Автор: Zeroglif 16.2.2007, 23:05

Цитата(gta4kv @ 16.2.2007, 22:39

)

Весь код

Весело. Зачем постоянно менять код??? Где p? Короче, в IE всё работает, ошибка была определена изначально, всё легко лечится. Остальное - за кадром этого вопроса. smile

Автор: gta4kv 17.2.2007, 08:15

Упс, p это нечайно я нажал, када дописовал что-то...

Добавлено @ 08:18
Да, и вправду, поправил, все запахало. smile

Спасиба.