您的位置:首页 > 其它

判断输入框的输入格式是否正确,并禁止其他输入框输入内容

2017-11-11 14:45 387 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>try</title>
<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
</head>

<body>
邮箱:<input type="text" data-type="email">
电话:<input type="text" data-type="tel">

<script>

$(function () {
//使用layer的小提示效果更佳。
//邮箱$('input[data-type=email]').blur(function(){var value = $(this).val();var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;var result = reg.test(value);if(!result){
aler("邮箱格式有误");
                $(this).focus();}});//电话$('input[data-type=tel]').blur(function(){var value = $(this).val();var reg = /^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}/;var result = reg.test(value);if(!result){alert('电话号码格式有误');
                $(this).focus();}});})</script></body></html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息