Hướng dẫn registration form validation in javascript using regular expression - xác thực biểu mẫu đăng ký trong javascript bằng cách sử dụng biểu thức chính quy

JavaScript là ngôn ngữ lập trình kịch bản cũng giúp xác nhận thông tin của người dùng. Bạn đã bao giờ nghe nói về các hình thức xác nhận? Ở đây đi vào hình ảnh JavaScript, ngôn ngữ kịch bản được sử dụng để xác nhận và xác minh. Để hiểu sâu hơn về chủ đề này, hãy để chúng tôi hiểu với các ví dụ.

Xác thực biểu mẫu: Xác thực biểu mẫu đang xác thực các giá trị được nhập bởi người dùng cuối trong quá trình gửi biểu mẫu. Để xác nhận một hình thức, biểu thức chính quy đóng một vai trò quan trọng. Hãy để xem những gì biểu hiện thông thường có nghĩa là gì.Form validation is validating the values which are entered by the end-user during a form submission. For validating a form, Regular Expression plays a vital role. Let’s see what Regular Expression means.

Biểu thức chính quy: Một biểu thức chính quy là một đối tượng mô tả một mẫu ký tự. Các biểu thức thông thường được sử dụng để thực hiện các hàm phù hợp với mô hình và tìm kiếm và thay thế trên văn bản. Vì vậy, trong khu vực này, JavaScript đóng vai trò chính trong việc xác nhận các giá trị. Để, có thêm ý tưởng về thuật ngữ cho chúng tôi xem qua một ví dụ.A Regular Expression is an object that describes a pattern of characters. Regular Expressions are used to perform pattern-matching and search-and-replace functions on text. So, in this area JavaScript plays a major role in validating the values. To, get more idea about the terminology let us see through an example.

Hãy để hiểu cách xác nhận các biểu mẫu bằng cách sử dụng biểu thức thông thường trong JavaScript thông qua các ví dụ.

Ví dụ 1: Xác thực biểu mẫu (xác thực email) Form validation (validating an email)

Giả sử một mẫu đăng ký có chứa các chi tiết cơ bản của người dùng cuối như tên, số điện thoại, ID email và địa chỉ. Khi người dùng nhập ID email mà không có tên miền và biểu tượng@@, biểu tượng sẽ tạo ra một lỗi cho biết tên miền không bao gồm. Bao giờ tự hỏi làm thế nào điều này xảy ra? Điều này xảy ra do các biểu thức thường xuyên trong JavaScript. Biểu thức chính quy có thể được định nghĩa là một nút chặn (mẫu -Match) cho các giá trị không chính xác, tức là, chỉ ra một lỗi trong khi người dùng cuối đang nhập các chi tiết sai thay vì biểu thức đã cho trước. Một số ký tự được sử dụng là [ABC], [^abc], \ w, \ w, \ s. Do đó, việc xác thực địa chỉ email được nhập bởi người dùng cuối được thực hiện bởi JavaScript.

index.html

<html>

<head>

Các

    <<5>

<7<8

<9html0

<9html2

<9html4

<9html6

<7html8

    >0<5>

    <>5 >6>7>8>

<7<1

<9<3

<9<5

<9<7

<9<9

head0head1

head0head3

<9html8

<9head7

head0head9

head0>1

<9html8

<7html8

    >0>5>

>0head>

<    4     5>7__7777

    <<1>

<7<<5<6<5>

<7<title1>

<9<title5 <5>7title8>

head0<<02<03<02>

head0<<08>

<10<<122

<14<<16 ________ 36 ________ 37 ________ 119 & nbsp;

<20<21>7<23 

<20<25>7<27>

<10>0<12>

<10<<35<36<35>

<10<<12>

<14<<16 ________ 36 ________ 37 ________ 119 & nbsp;

<20<21>7<52 

<20<25>7<27>

<10>0<12>

<10<<35<36<35>

<10<<12>

<14<<16 ________ 36 ________ 37 ________ 177 & nbsp;

<20<21>7<81 <82>7<84>

<10>0<12>

<10<<35<36<35>

<10<<12>

<14<<16 >6>7html05 <21>7____html05>

<10>0<12>

<10<<35<36<35>

<10<<122

<14<<16 ________ 36 ________ 37 ________ 119 & nbsp;

<10>0<12>

<10<<35<36<35>

<10<<12>

<10<<35<36<35>

<10>0<12>

<10<<35<36<35>

<10<<12>

<14<html80 <82>7html83>

<20<html87 html88>7html90html91__

<20<html87 html88>7html99>00html87>

<20<html87 html88>7>08>09html87>

<14>0html80>

<10>0<12>

<10<<35<36<35>

Các

<14>35>7>37 html88>7>40>

<10>0<12>

head0>0<08>

<9>0title5>

<7>0title1>

    >0<1>

>0    4>

>0html>

Output:

Hình ảnh này cho biết một địa chỉ email hoàn hảo được nhập bởi người dùng, vì vậy biểu mẫu được chấp nhận và đăng ký được thực hiện. Khi một người nhập sai email, hộp văn bản của email được tô sáng bằng đường viền màu đỏ cho biết đó là một lỗi.

Hướng dẫn registration form validation in javascript using regular expression - xác thực biểu mẫu đăng ký trong javascript bằng cách sử dụng biểu thức chính quy

Email không hợp lệ

Hướng dẫn registration form validation in javascript using regular expression - xác thực biểu mẫu đăng ký trong javascript bằng cách sử dụng biểu thức chính quy

Email chính xác và biểu mẫu được gửi & NBSP;

Ví dụ 2: Xác thực biểu mẫu (số điện thoại xác thực)

Giả sử giả định hình thức đăng ký tương tự. Bao giờ tự hỏi tại sao số nên được bắt đầu chỉ với từ 6, 7, 8, 9 và không phải là số còn lại. Ở đây, hình ảnh cũng được phát bởi biểu thức thông thường giúp xác thực một số điện thoại di động chính xác. Hạn chế người dùng chỉ nhập 10 chữ số trong đó chữ số đầu tiên của các số là 6,7,8,9, và nghỉ tất cả các chữ số có thể có bất kỳ số nào từ 0-9 được thực hiện hoàn toàn bằng các biểu thức thông thường [^6-9] [, 0-9], giúp xác nhận các biểu mẫu liệu thông tin được nhập có liên quan đến mẫu được chỉ định hay không.

index.html

<html

<head>

    <<5>

<7<8

<9html0

<9html2

<9html4

<9html6

<7html8

    >0<5>

    <>5 >6>7>8>

<7<1

<9<05

<9<07

<9<09

<9<9

head0head1

head0head3

<9html8

<9head7

head0head9

head0>1

<9html8

<7html8

    >0>5>

>0head>

<    4     5>7__7777

    <<1>

<7<<5<6<5>

<7<title1>

<9<title5 <5>7title8>

head0<<02<03<02>

head0<<08>

<10<<12>

<14<<16 ________ 36 ________ 37 ________ 119 & nbsp;

<20<21>7<23 

<20<25>7<27>

<10>0<12>

<10<<35<36<35>

<10<<12>

<14<<16 ________ 36 ________ 37 ________ 119 & nbsp;

<20<21>7<52 

<20<25>7<27>

<10>0<122

<10<<35<36<35>

<10<<12>

<14<<16 ________ 36 ________ 37 ________ 177 & nbsp;

<20<21>7<81>

<10>0<12>

<10<<35<36<35>

<10<<12>

<14<<16 ________ 36 ________ 37 ________ 205 & nbsp;

<20<21>7html05>

<10>0<12>

<10<<35<36<35>

<10<<12>

<14<<16 ________ 36 ________ 37 ________ 205 & nbsp;

<20<21>7html32>

<10>0<12>

<10<<35<36<35>

<10<<12>

<14<<16 ________ 36 ________ 37 ________ 119 & nbsp;

<10>0<122

<10>0<12>

<10<<35<36<35>

<10<<12>

<14<html74html75html74>

<14<html80 <82>7html83>

<20<html87 html88>7html90html91__

<20<html87 html88>7html99>00html87>

<20<html87 html88>7>08>09html87>

<14>0html80>

<10>0<12>

<10<<35<36<35>

<10<<12>

<14<<16 ________ 36 ________ 37 ________ 333 & nbsp;

<20>35>7>37 html88>7>40>

<10>0<12>

head0>0<08>

<9>0title5>

<7>0title1>

    >0<1>

>0    4>

>0html>

Output:

Hình ảnh này cho biết một số điện thoại hoàn hảo được nhập bởi người dùng, vì vậy biểu mẫu được chấp nhận và đăng ký được thực hiện. Khi nhập sai số điện thoại, hộp văn bản của số điện thoại được tô sáng bằng đường viền màu đỏ cho biết đó là một lỗi.

Hướng dẫn registration form validation in javascript using regular expression - xác thực biểu mẫu đăng ký trong javascript bằng cách sử dụng biểu thức chính quy

Liên hệ chính xác và email để biểu mẫu được gửi & NBSP;

Hướng dẫn registration form validation in javascript using regular expression - xác thực biểu mẫu đăng ký trong javascript bằng cách sử dụng biểu thức chính quy

Email không hợp lệ và liên hệ & NBSP;

Do đó, xác thực một biểu mẫu có thể được thực hiện thông qua JavaScript trong các trang web. Nó nên được gắn với & nbsp; html là ngôn ngữ đánh dấu. Mặc dù nhiều ngôn ngữ khác đã đi vào hình ảnh để xác nhận JavaScript là cách cơ bản để tìm hiểu cách hiểu các xác nhận được thực hiện trên các trang web. & NBSP;


Làm thế nào để bạn xác nhận biểu mẫu đăng ký bằng JavaScript?

Ví dụ xác thực hình thức JavaScript..
.
hàm ValidateForm () {.
var name = document.myform.name.value ;.
var password = document.myform.password.value ;.
if (name == null || name == "") {.
cảnh báo ("Tên không thể trống") ;.
trả lại sai ;.
} khác nếu (mật khẩu.length

Làm thế nào để bạn xác nhận một biểu mẫu trong regex?

Xác thực biểu mẫu với các biểu thức chính quy Nó liên quan đến một vài bước: Nhận giá trị của đầu vào biểu mẫu. Kiểm tra xem giá trị của đầu vào có khớp với biểu thức chính quy không. Nếu không, hãy hiển thị cho người dùng của trang web rằng giá trị của trường đầu vào không hợp lệ.Get the value of the form input. Check if the value of the input matches the regular expression. If it doesn't, display to the user of the website that the value of the input field is invalid.

JavaScript có thể được sử dụng để xác nhận các biểu mẫu không?

Xác thực biểu mẫu HTML có thể được thực hiện bằng JavaScript..

Biểu thức chính quy giải thích xác nhận với biểu thức chính quy JavaScript là gì?

Biểu thức chính quy là các mẫu được sử dụng để phù hợp với kết hợp ký tự trong chuỗi.Trong JavaScript, các biểu thức chính quy cũng là đối tượng.Các mẫu này được sử dụng với các phương thức regExp Exec () và test () và với khớp (), matchall (), thay thế (), thay thế (), search () và chia () các phương thức chuỗi.patterns used to match character combinations in strings. In JavaScript, regular expressions are also objects. These patterns are used with the exec() and test() methods of RegExp , and with the match() , matchAll() , replace() , replaceAll() , search() , and split() methods of String .