Využij akce až 30 % zdarma při nákupu e-learningu. Více informací. Zároveň je tento týden sleva až 80 % na e-learning týkající se C# .NET
Hledáme nového kolegu do redakce - 100% home office, 100% flexibilní pracovní doba. Více informací.

Diskuze: začátečník: jak ošetřit vyplnění polí ve formuláři

Aktivity
Avatar
j.c.
Člen
Avatar
j.c.:16.8.2020 15:43

Ahoj, neumím ošetřit povolení tlačítka submit při vyplnění polí ve formuláři. Vyšel jsem z
https://stackoverflow.com/…lues/5614593

ale maj tam funkci

(function() {
... a končí..
})()

nechápu, jak se to volá, jak by to mělo fungovat je vcelu jasné.

Zkusil jsem: qq2.htm

<!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" xml:lang="en" lang="en"><head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Basic register Example</title>
        <script type="text/javascript" src="qq2.js"></script></head>

<form>
    <script type="text/javascript">myalert();</script>
    <script type="text/javascript">qqq();</script>
    Username<br />
    <input type="text" id="user_input" name="username" /><br />
    Password<br />
    <input type="password" id="pass_input" name="password" /><br />
    Confirm Password<br />
    <input type="password" id="v_pass_input" name="v_password" /><br />
    Email<br />
    <input type="text" id="email" name="email" /><br />
    <input type="submit" id="register" value="Register" disabled="disabled" />
</form>

<div id="test">
</div>
</html>

Zkoušel jsem zda vůbec zavolám funkci to je ten myalert a pak volal něco co se podobá tomu co by mělo chodit..
qq2.js

function myalert() {
alert("This alert2 box was called with the onload event");
}



function qqq() {
    $('form > input').keyup(function() {
        var empty = false;
        $('form > input').each(function() {
            if ($(this).val() == '') {
                empty = true;
            }
        });

        if (empty) {
            $('#register').attr('disabled', 'disabled');
        } else {
            $('#register').removeAttr('disabled');
        }
    });
}

Chci docílit: ošetřit povolení tlačítka submit při vyplnění polí ve formulář

 
Odpovědět
16.8.2020 15:43
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
j.c.
Člen
Avatar
Odpovídá na j.c.
j.c.:16.8.2020 17:43

takto to chodí, jeden soubor index.html a hlavně, nainstalované jquery

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Basic register Example</title>
</head>
<body>
<form>
    Username<br />
    <input type="text" id="user_input" name="username" /><br />
    Password<br />
    <input type="password" id="pass_input" name="password" /><br />
    Confirm Password<br />
    <input type="password" id="v_pass_input" name="v_password" /><br />
    Email<br />
    <input type="text" id="email" name="email" /><br />
    <input type="submit" id="register" value="Register" disabled="disabled" />

</form>
<SCRIPT type = "text/javascript" src="js/jquery-1.6.1.min.js"></SCRIPT>
<SCRIPT>
$(function() {
    $('form > input').keyup(function() {
        var empty = false;
        $('form > input').each(function() {
            if ($(this).val() == '') {
                empty = true;
            }
        });
        if (empty) {
            $('#register').attr('disabled', 'disabled');
        } else {
            $('#register').removeAttr('disabled');
        }
    });
})()
</SCRIPT>
</body>
Akceptované řešení
+5 Zkušeností
Řešení problému
 
Nahoru Odpovědět
16.8.2020 17:43
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.