Форум

SlavaP · #1 (**permalink**) 22.04.2014, 23:04

Всем привет!

Столкнулся с проблемой, не могу найти в инете простую форму "Пароль-Вход".
Т.е. Форма у меня такая есть, но, нужно мне за-место style="display:none;" поставить disabled!

Вот сам код:

<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<script type="text/javascript">  
function start1(){
var pas="123";
if(document.getElementById("myPas1").value==pas){
document.getElementById("da1").style.display="block";}
else{document.getElementById("net1").style.display="block";};};
function hide(){
document.getElementById("myPas1").value="";
document.getElementById("da1").style.display="none";};
     </script>
<table border="0" cellpadding="0" cellspacing="0"  align="center">
<tr>
     <td>
<input type="text" size="10" value="" placeholder=" введи 123" name="myPas1" id="myPas1" onclick="hide();">
<input type="button" value="OK" onclick="start1();">
<input type="submit" value="Далее" disabled="disabled">
     </td>
</tr>
</table>
<center><div id="da1" style="display:none;">Можете продолжить!</div></center>
</body>
</html>

P.S. Нужно активировать кнопку "submin"!
Спасибо!

рони · #2 (**permalink**) 22.04.2014, 23:28

SlavaP,

<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
</head>

<body>
    <script type="text/javascript">
        function go() {
            var pas = "123";
            if (document.getElementById("myPas1").value == pas) {
                document.getElementById("next").removeAttribute('disabled')
            } else {
                document.getElementById("next").setAttribute('disabled', 'disabled')
            };
        };
    </script>
    <table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td>
                <input type="text" size="10" value="" placeholder=" введи 123" name="myPas1" id="myPas1" oninput="go();">
                <input type="submit" value="Далее" disabled="disabled" id="next">
            </td>
        </tr>
    </table>
    <center>
        <div id="da1" style="display:none;">Можете продолжить!</div>
    </center>
</body>

</html>

SlavaP · #3 (**permalink**) 24.04.2014, 00:26

Простите, но есть маленький вопросик!
Мне надо такой скрипт с формой разместить на одной странице 4 штуки!
Экспериментирую, но пока безрезультатно.
Пробую нумеровать ID... и т.д.!
Помогите!

рони · #4 (**permalink**) 24.04.2014, 00:31

SlavaP,
макет сделайте как выше с вашим кодом

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

рони · #5 (**permalink**) 24.04.2014, 01:13

SlavaP, без id - только oninput="go(this);" data-pas="123" сделать и не менять положение кнопки далее

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript">
        function go(obj) {
            var pas = obj.getAttribute("data-pas"), next = obj.nextElementSibling ;
            if (obj.value == pas) {
                next.removeAttribute('disabled')
            } else {
                next.setAttribute('disabled', 'disabled')
            };
        };
    </script>
</HEAD>
<body>
<!-- **************************************** -->

    <table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td>
                <input type="text" size="10" value="" placeholder=" введи 123"  oninput="go(this);" data-pas="123">
                <input type="submit" value="Далее" disabled="disabled" >
            </td>
        </tr>
    </table>
<!-- **************************************** -->

    <table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td>
                <input type="text" size="10" value="" placeholder=" введи 123"  oninput="go(this);" data-pas="123">
                <input type="submit" value="Далее" disabled="disabled" >
            </td>
        </tr>
    </table>
<!-- **************************************** -->
</body>
</html>

SlavaP · #6 (**permalink**) 24.04.2014, 01:21

А за независимые формы - Болшое спасибо! Пригодится!

SlavaP · #7 (**permalink**) 24.04.2014, 01:22

P.S. Я вообще Вас запутал!
Мне нужно чтобы только кнопка "Просмотр ..." была в дисаблед, т.е. после нажатия Ok! становилась активной!

<table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td>
                <input type="text" size="10" value="" placeholder=" введи 123" name="myPas1" id="myPas1" oninput="go();">
                <input type="submit" value="Ok!">
                <input type="submit" value="Просмотр ..." disabled>
            </td>
        </tr>
    </table>

рони · #8 (**permalink**) 24.04.2014, 02:37

SlavaP, http://learn.javascript.ru/dom-cheatsheet

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript">
        function go(obj) {
            var pas = obj.getAttribute("data-pas"), next = obj.nextElementSibling, prev = obj.previousElementSibling;
            if (prev.value == pas) {
                next.removeAttribute('disabled')
            } else {
                next.setAttribute('disabled', 'disabled')
            };
        };
    </script>
</HEAD>
<body>
<!-- **************************************** -->

   <table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td>
                <input type="text" size="10" value="" placeholder=" введи 123" >
                <input type="submit" value="Ok!"  onclick="go(this);" data-pas="123">
                <input type="submit" value="Просмотр ..." disabled>
            </td>
        </tr>
    </table>

<!-- **************************************** -->

    <table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td>
                <input type="text" size="10" value="" placeholder=" введи 123" >
                <input type="submit" value="Ok!"  onclick="go(this);" data-pas="123">
                <input type="submit" value="Просмотр ..." disabled>
            </td>
        </tr>
    </table>
<!-- **************************************** -->
</body>
</html>

SlavaP · #9 (**permalink**) 24.04.2014, 02:45

Всё, Спасибо!
Я доволен, вопрос решён!

Форум

Справочник

Discord чат

Курсы javascript