<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" name="" id="name">
<script>
var oDiv = document.getElementById('name')
oDiv.onblur = function() {
var reg = /^([0-9]|[a-z]|\w|-)+@([0-9]|[a-z])+\.([a-z]{2,4})$/i;
if(reg.test(oDiv.value)){
console.log('true');
}
}
</script>
</body>
</html>