jquery校验输入框是不是有值以及控制其长度

 我来答
匿名用户
2017-04-23
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>百度回答</title>
<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
//获取 .btn1 点击事件
$('.btn1').on('click',function(){ 
//oBtn1 获取 #inp1 的value值
var oBtn1=document.getElementById("inp1").value;
//if判断 oBtn1 是否为空
if(oBtn1 == ""){ 
alert("请输入");
//if判断oBtn1.length 是否大于8  length代表长度
}else if(oBtn1.length > 8){
alert("ok");
}else {
alert("输入8位数以上");
}
});
});
</script>
</head>
<body>
<input type="text" id="inp1" />
<input type="button" class="btn1" value="提交" />
</body>
</html>

什么都没有输入 

输入的不到大于8位以上

输入大于8位以上    

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式