 | Bài viết này sẽ hướng dẫn cách kiểm tra tính hợp lệ của email bằng pattern. Bài viết sẽ cung cấp một hàm(function) đơn giản(simply) để kiểm tra tính hợp lệ của email bằng pattern. Bên dưới là hàm(function) được sử dụng. |
Demo:
JavaScript Source:
<script type="text/javascript">
function RegexEmail(emailInputBox) {
var emailStr = document.getElementById(emailInputBox).value;
var emailRegexStr = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
var isvalid = emailRegexStr.test(emailStr);
if (!isvalid) {
alert('Invalid email address!');
emailInputBox.focus;
} else {
alert('Valid email address!');
emailInputBox.focus;
}
}
</script>
function RegexEmail(emailInputBox) {
var emailStr = document.getElementById(emailInputBox).value;
var emailRegexStr = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
var isvalid = emailRegexStr.test(emailStr);
if (!isvalid) {
alert('Invalid email address!');
emailInputBox.focus;
} else {
alert('Valid email address!');
emailInputBox.focus;
}
}
</script>
- /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/: Là Pattern được thiết kế để kiểm tra tính hợp lệ của email.
- emailRegexStr.test(emailStr): Là hàm dùng để kiểm tra giá trị email bằng Pattern. Nếu email hợp lệ với pattern thì sẽ trả về giá trị True, ngược lại nếu không hợp lệ trả False.
HTML Source:
<html>
<head>
<script type="text/javascript">
function RegexEmail(emailInputBox) {
var emailStr = document.getElementById(emailInputBox).value;
var emailRegexStr = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
var isvalid = emailRegexStr.test(emailStr);
if (!isvalid) {
alert('Invalid email address!');
emailInputBox.focus;
} else {
alert('Valid email address!');
emailInputBox.focus;
}
}
</script>
</head>
<body>
<span>Email Address: </span><input name="emailInput" id="emailInput" maxlength="60" />
<input id="btn1" type="button" value="Validate Email" onclick="return RegexEmail('emailInput')" />
</body>
</html>
<head>
<script type="text/javascript">
function RegexEmail(emailInputBox) {
var emailStr = document.getElementById(emailInputBox).value;
var emailRegexStr = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
var isvalid = emailRegexStr.test(emailStr);
if (!isvalid) {
alert('Invalid email address!');
emailInputBox.focus;
} else {
alert('Valid email address!');
emailInputBox.focus;
}
}
</script>
</head>
<body>
<span>Email Address: </span><input name="emailInput" id="emailInput" maxlength="60" />
<input id="btn1" type="button" value="Validate Email" onclick="return RegexEmail('emailInput')" />
</body>
</html>
Write: +Bui Ngoc Son
No comments:
Post a Comment