Gerekli özniteliği HTML5

SORU

9 HAZİRAN 2010, ÇARŞAMBA

Gerekli özniteliği HTML5

Benim web uygulaması içinde benim form alanları için bazı özel doğrulama kullanıyorum. İki düğme var aynı form içinde form/iptal edilir aslında form ve diğer göndermek için.

Çoğunlukla benim varsayılan tarayıcı olarak Safari kullanıyorum. Şimdi Safari 5 çıktı ve aniden iptal/reset düğmesi artık işe yaramadı. Her zaman ilk alan odak aldın reset düğmesine bastım. Ancak bu özel form benim doğrulama olarak aynı davranış. Başka bir tarayıcı ile çalışırken her şey iyi çalıştı. Safari 5 bir sorun vardı.

Benim Javascript kodu biraz değiştirdim ve aşağıdaki satırı soruna neden olduğunu öğrendim:

document.getElementById("somefield").required = true;

Bu test gerçekten bir senaryo oluşturdum sorun olacaktır emin olmak için:

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
</head>

<body>
    <form id="someform">
        <label>Name:</label> <input type="text" id="name" required="true" /><br/>
        <label>Car:</label> <input type="text" id="car" required="true" /><br/>
        <br/>
        <input type="submit" id="btnsubmit" value="Submit!" />
    </form>
</body>
</html>

Beklediğim gibi oldu olur. İlk alan, "name" odak otomatik olarak aldın.

Başkasının bu hata?

CEVAP

10 HAZİRAN 2010, PERŞEMBE

Unutmayın

<input type="text" id="car" required="true" />

yanlış, biri olmalı

<input type="text" id="car" required />
<input type="text" id="car" required="" />
<input type="text" id="car" required='' />
<input type="text" id="car" required=required />
<input type="text" id="car" required="required" />
<input type="text" id="car" required='required' />

Bu true değer false değeri geçerli değil form kontrolü isteğe bağlı olarak, öngörüyor çünkü.

Bunu Paylaş: