HTML5 form doğrulama deseni boşluklu alfanümerik mi?

Html5 formumda aşağıdaki giriş etiketi var:

<p>
    <label>Company Name*</label>
    <input type="text" name="name" class="field" required pattern="[a-zA-Z0-9]+" />
</p>

Bu, şirket adının alfanümerik karakterlerden oluşup oluşmadığını kontrol etmek için gayet iyi çalışıyor. Ancak elbette şirket adında boşluklara izin vermek istiyorum. Kalıba ne eklemem gerektiğini bilmem gerekiyor.

Çözüm

Pattern="[a-zA-Z0-9 ]+"gibi pattern niteliğine bir boşluk eklemeye ne dersiniz? Herhangi bir boşluk türünü desteklemek istiyorsanızpattern="[a-zA-Z0-9\s]+"` deneyin

Yorumlar (6)

Yalnızca boşluk içeren bir girdiden kaçınmak için şunu kullanın: "[a-zA-Z0-9]+[a-zA-Z0-9 ]+".

eg: abc | abc aBc | abc 123 AbC 938234

Örneğin, ad ve soyadın girildiğinden emin olmak için aşağıdaki gibi küçük bir varyasyon kullanın

"[a-zA-Z]+[ ][a-zA-Z]+"

eg: abc def
Yorumlar (2)

Kullanıcının sadece boşluk girmediğinden ve geçerli bir ad girdiğinden emin olmak için bu kodu kullanın:

pattern="[a-zA-Z][a-zA-Z0-9\s]*"
Yorumlar (0)