Thuộc tính mẫu Email nhập DOM HTML đặt / trả về biểu thức chính quy tương ứng với Nhập email. Giá trị của thuộc tính mẫu được kiểm tra dựa trên văn bản được nhập trong trường email.
Cú pháp
Sau đây là cú pháp -
- Trả về biểu thức chính quy
inputEmailObject.pattern
- Đặt mẫu thành biểu thức chính quy
inputEmailObject.pattern = ‘RegExp’
Ví dụ
Hãy để chúng tôi xem một ví dụ về thuộc tính mẫu Email nhập -
<!DOCTYPE html>
<html>
<head>
<title>Input Email pattern</title>
<style>
form {
width:70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin:5px;
}
input[type="submit"] {
border-radius: 10px;
}
</style>
</head>
<body>
<form onsubmit="checkPattern()">
<fieldset>
<legend>Email-pattern</legend>
<label for="EmailSelect">Employee Email :
<input type="email" id="EmailSelect" pattern="[a-zA-z0-9]+@+MNC.com" title="[a-zA-z0-9]+@+MNC.com">
</label>
<input type="submit" value="Submit">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputEmail = document.getElementById("EmailSelect");
divDisplay.textContent = 'pattern: '+inputEmail.pattern;
function checkPattern() {
if(inputEmail.value !== ''){
var User = inputEmail.value.split("@")[0];
alert("Welcome "+User);
}
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Trước khi nhấp vào ‘Gửi’ nút -
Sau khi nhấp vào ‘Gửi’ nút có mẫu không hợp lệ -
Sau khi nhấp vào ‘Gửi’ nút có mẫu hợp lệ -
