2011-10-12 24 views
8

Kullanmak istiyorum: HTML 5 Gerekli.html5 giriş türü gereklidir. Çalışıyor mu?

böyle

<input type='text' required> 

olarak sadece giriş tipi bir formda olup olmadığını çalışıyor gibi görünüyor. Kendi başıma kullanamaz ve javascript ile bir çeşit validate ilk yöntemini kullanabilir miyim?

fazla yorum aşağıdaki geribildirim:

Ben

<input id='name' type='text' required> 
    <input id='surname' type='text' required> 
    <input id='send' type='button' onclick ='send()'> 

    function send() { 
     if (document.getElementById('name').value == '') { alert('missing name'); return } 
     if (document.getElementById('surname').value == '') { alert('missing surname'); return } 

     // logic now... 

    } 

o girdi params kontrol eder ve ben de HTML 5'i

kullanarak değiştirmek isterdiniz biraz uyarı gönderir bit
+0

Daha fazla açıklamak için ne denediğini açıklamak için biraz daha kod yazabilir misin? – beefyhalo

+1

Gönderilecek form yoksa doğrulama ne zaman yapılmalıdır? – JJJ

+0

girişin değerini göndermek için AJAX kullanıyor musunuz? –

cevap

9

Tabii, dinamik alanın geçerliliğini kontrol etmek

document.getElementById('your_input_id').validity.valid 

kullanın.

+0

Btw, bu alanın neden geçersiz olduğunu tam olarak bilmek istiyorsanız, geçerlilik nesnesindeki diğer değerleri kontrol edebilirsiniz. – RReverser

+0

document.getElementById ('your_input_id') validity.valid 'true'/'false' ifadesiyle çalışır ancak tooltip mesajını (gerekli) getirmez ve param eksik olan metne odaklanır. – Zo72

+0

@ lorenzo72 JS'deki alanı kontrol etmek istediğinizi ve kendi işleyicisini (tooltip veya benzeri) uygulamak istediğinizi düşündüm. İstediğini yapamazsın. Öğelerinizi kendi işleyiciye sarmalı veya kendi işleyicisini kullanmalısınız. – RReverser

2

İlk olarak, "zorunlu" özniteliği "gönderme" olayında tetiklenecek, yani, hiçbir form - hiçbir şey gönderilmeyecek. İkincisi, neden formu ile sorun var?

2

'Gerekli' ile, bu yalnızca form gönderildiğinde çalışmalıdır.

İlgili konular