HTML "required" çalışmıyor

Calimero · 28 Aralık 2022

Kodlara required yazıyorum ama çalışmıyor direk index sayfasına atıyor problem nerde anlamadım.

<center>
<form action="index.html" method="get" autocomplete="off" novalidate>
<label for="adsoyad">Ad Soyad:</label>
<input type="text" id="adsoyad" name="adsoyad" required="required" placeholder="Ad ve Soyadınızı Giriniz..." /><br /><br />
<label for="eposta">E-posta:</label>
<input type="text" id="eposta" name="eposta" required="required" placeholder="E-posta Adresinizi Giriniz..." /><br />
<input type="submit" value="Giriş"/>
</form>
</center>

Satanachia · 28 Aralık 2022

Bir de böyle dener misin?

Kod:

<form action="islem.php" method="get" autocomplete="off" novalidate>

Calimero · 28 Aralık 2022

Satanachia dedi:
Bir de böyle dener misin?

Kod:

<form action="islem.php" method="get" autocomplete="off" novalidate>

Herhangi bir veri tutma işlemi yok sadece aşağıdaki fotoğrafta gözüksün yeter

zeNnG · 28 Aralık 2022

Düz required yazın. (<input type="text" id="eposta" name="eposta" required placeholder="E-posta Adresinizi Giriniz..." />) gibi.

Indexe gitme sebebi de form submit olunca normalde ya redirect olur yada sayfaya refresh atar. Bunu engellemek için javascript ile preventDefault() kullanabilirsin.

Calimero · 28 Aralık 2022

zeNnG dedi:
Düz required yazın. (<input type="text" id="eposta" name="eposta" required placeholder="E-posta Adresinizi Giriniz..." />) gibi.

Indexe gitme sebebi de form submit olunca normalde ya redirect olur yada sayfaya refresh atar. Bunu engellemek için javascript ile preventDefault() kullanabilirsin.

düz yazınca da aynısı oluyor. İndex e gitmesi gerek zaten, ordaki amaç sadece fotoğraftaki gibi ad soyad ve e postanın gözükmesi

AhmetKnKc · 28 Aralık 2022

novalidate att'sini silmelisiniz.

HTML:

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
    <center>
        <form action="index.html" method="GET" autocomplete="off">
            <label for="adsoyad">Ad Soyad:</label>

            <input type="text" id="adsoyad" name="adsoyad" placeholder="Ad ve Soyadınızı Giriniz..." required>
            <br><br>
            <label for="eposta">E-posta:</label>
            <input type="text" id="eposta" name="eposta" placeholder="E-posta Adresinizi Giriniz..." required>
            <br>

            <input type="submit" value="Giriş" />
        </form>
    </center>
</body>

</html>

HTML "required" çalışmıyor

Ayrıntılı düzenleme

Calimero

Hectopat

Satanachia

Decipat

Calimero

Hectopat

zeNnG

Hectopat

Calimero

Hectopat

AhmetKnKc

Kilopat

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz