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

Naučíme tě pracovat na home-office.

Zjistit více...

Aktivity

j.c.

Člen

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

j.c.

Člen

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í

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.