Mengapa Corak Ungkapan Biasa Saya Gagal dengan Bendera \"v\" dalam Atribut Corak HTML?

Kesahihan Corak Ungkapan Biasa dengan Bendera Unikod

Isu dengan Corak RegExp dalam Atribut Corak HTML

Apabila menggunakan corak ungkapan biasa dengan bendera 'v' dalam atribut corak HTML, anda mungkin menghadapi ralat "SyntaxError". Ralat ini berlaku kerana bendera 'v' digunakan secara automatik apabila menyusun corak ke dalam objek RegExp.

Tolak dan Melarikan Kelas Aksara

Bendera 'v' memperkenalkan peraturan pelarian yang lebih ketat, yang tidak membenarkan aksara '-' literal pada akhir kelas aksara. Ini berbeza dengan bendera 'u', di mana tiada sekatan sedemikian.

Corak Regex dengan Bendera 'u' dan 'v'

Pertimbangkan perkara berikut corak regex:

^[a-zA-Z0-9+_.-]+@[a-zA-Z0-9]+\.[a-zA-Z0-9]+$

Dengan bendera 'u' digunakan:

<code class="js">console.log(/^[a-zA-Z0-9+_.-]+@[a-zA-Z0-9]+\.[a-zA-Z0-9]+$/u.test("[email protected]")); // true</code>

Dengan bendera 'v' digunakan (secara automatik dalam atribut corak HTML):

<code class="js">console.log(/^[a-zA-Z0-9+_.\-]+@[a-zA-Z0-9]+\.[a-zA-Z0-9]+$/v.test("[email protected]")); // SyntaxError</code>

Penyelesaian

Untuk menyelesaikan ralat, anda mesti melepaskan aksara '-' di penghujung kelas aksara. Berikut ialah corak yang diperbetulkan:

^[a-zA-Z0-9+_.-]+@[a-zA-Z0-9]+\.[a-zA-Z0-9]+$

Corak ini kini sepatutnya berfungsi dengan betul dengan dan tanpa bendera 'v'.

Atas ialah kandungan terperinci Mengapa Corak Ungkapan Biasa Saya Gagal dengan Bendera \"v\" dalam Atribut Corak HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!