<html>
<head>
<meta charset="utf-8"/>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<fieldset >
<legend>输入限制</legend>
<div style="font-size: 12px; color: red;">1.所有输入框都要填； 2.邮箱和电话必须为数字</div>
<input type="text" class="ipt" data-name="姓名" placeholder="姓名" /><br />
<input type="text" class="ipt" data-name="性别" placeholder="性别" /><br />
<input type="text" class="ipt" data-name="年龄" placeholder="年龄" /><br />
<input type="text" class="ipt" data-name="电话" data-type = "num" placeholder="电话" /><br />
<input type="text" class="ipt" data-name="邮编" data-type = "num" placeholder="邮编" /><br />
<button onclick="tt()">提交</button>
</fieldset>
<script type="text/javascript">
//所有输入框都要填
var ipt=$("input");
function tt(){
for (var i=0; i<ipt.length; i++) {
if(ipt.eq(i).val()==""){
alert(ipt.eq(i).attr("data-name")+"不能为空");
return false;
}
}
}
//邮箱和电话必须为数字[当然也可以直接设置成input type为number]
var iptNum=$("input[data-type=‘num‘]");
iptNum.blur(function(){
var num=/^[0-9]*$/;
if(!num.test($(this).val())){
alert("请输入数字")
return false;
}
})
</script>
</body>
</html>
时间： 2024-10-09 11:47:17