Saya memiliki berikut tag input dalam bentuk html5:
<p>
<label>Company Name*</label>
<input type="text" name="name" class="field" required pattern="[a-zA-Z0-9]+" />
</p>
Ini bekerja baik-baik saja memeriksa apakah nama perusahaan yang terdiri dari karakter alfanumerik. Tapi tentu saja, saya ingin untuk memungkinkan ruang-ruang dalam nama perusahaan. Saya perlu tahu apa yang harus saya tambahkan ke dalam pola.
Solusi saya adalah untuk menutupi semua berbagai diakritik:
([A-z0-9À-ž\s]){2,}
A-z
- ini adalah untuk semua karakter latin
0-9
- ini adalah untuk semua digit
À-ž
- ini adalah untuk semua diakritik
s
- ini adalah untuk ruang
{2,}
- string harus setidaknya 2 karakter
Untuk menghindari input dengan hanya spasi, menggunakan: "[a-zA-Z0-9]+[a-zA-Z0-9 ]+"
.
eg: abc | abc aBc | abc 123 AbC 938234
Untuk memastikan, misalnya, yang pertama DAN nama terakhir yang masuk, gunakan sedikit variasi seperti
"[a-zA-Z]+[ ][a-zA-Z]+"
eg: abc def
It's cukup lama pertanyaan, tetapi dalam kasus ini bisa berguna bagi siapa saja, mulai dari kombinasi yang baik tanggapan ditemukan di sini, aku've terakhir menggunakan pola ini:
pattern="([^\s][A-z0-9À-ž\s]+)"
Itu akan memerlukan setidaknya dua karakter, pastikan itu tidak mulai dengan sebuah ruang kosong tetapi memungkinkan ruang antara kata-kata, dan juga memungkinkan karakter khusus seperti ą, ó, ä, ö
.
Gunakan kode ini untuk memastikan pengguna doesn't hanya memasukkan spasi tapi nama yang valid:
pattern="[a-zA-Z][a-zA-Z0-9\s]*"
Menggunakan kode format Seperti di bawah ini
$('#title').keypress(function(event){
//get envent value
var inputValue = event.which;
// check whitespaces only.
if(inputValue == 32){
return true;
}
// check number only.
if(inputValue == 48 || inputValue == 49 || inputValue == 50 || inputValue == 51 || inputValue == 52 || inputValue == 53 || inputValue == 54 || inputValue == 55 || inputValue == 56 || inputValue == 57){
return true;
}
// check special char.
if(!(inputValue >= 65 && inputValue <= 120) && (inputValue != 32 && inputValue != 0)) {
event.preventDefault();
}
})
Gunakan kode di bawah ini untuk validasi HTML5 pola alfanumerik tanpa / dengan ruang :-
for validasi HTML5 pola huruf dan angka tanpa spasi :- onkeypress="kembali acara.charCode >= 48 && acara.charCode <= 57 || event.charCode >= 97 && acara.charCode <= 122 || event.charCode >= 65 && acara.charCode <= 90"
for validasi HTML5 pola alfanumerik dengan ruang :-
onkeypress="kembali acara.charCode >= 48 && acara.charCode <= 57 || event.charCode >= 97 && acara.charCode <= 122 || event.charCode >= 65 && acara.charCode <= 90 || event.charCode == 32"