jquery正则表达式验证文本框问题? 20
html部分：<formid="signup"method="post"action=""><div><spanclass="label">UserId*</span><...
html部分：
<form id="signup" method="post" action="">
<div>
<span class="label">User Id *</span>
<input type="text" class="infobox" name="userid" />
<span class="error">This field cannot be blank</span>
</div>
<input class="submit" type="submit" value="Submit" />
</form>
jquery部分：
$(document).ready(function(){
$('.error').hide();
var txt=$('.infobox');
var reg=/^\d+$/g;
if(!reg.test(txt.val()))
{
$('.error').show();
txt.focus().val('');
return false;
}
else
{
$('.error').hide();
alert('正确');
}
});
为什么不是想要的效果
我想验证只能输入数字
$(document).ready(function(){
$('.error').hide();
var txt=$('.infobox');
var reg=/^\d+$/g;
$('.infobox').blur(function(){
if(!reg.test(txt.val()))
{
$('.error').show();
txt.focus().val('');
return false;
}
else
{
$('.error').hide();
alert('正确');
}
});
});
上面那个忘了有一行没写 展开
<form id="signup" method="post" action="">
<div>
<span class="label">User Id *</span>
<input type="text" class="infobox" name="userid" />
<span class="error">This field cannot be blank</span>
</div>
<input class="submit" type="submit" value="Submit" />
</form>
jquery部分：
$(document).ready(function(){
$('.error').hide();
var txt=$('.infobox');
var reg=/^\d+$/g;
if(!reg.test(txt.val()))
{
$('.error').show();
txt.focus().val('');
return false;
}
else
{
$('.error').hide();
alert('正确');
}
});
为什么不是想要的效果
我想验证只能输入数字
$(document).ready(function(){
$('.error').hide();
var txt=$('.infobox');
var reg=/^\d+$/g;
$('.infobox').blur(function(){
if(!reg.test(txt.val()))
{
$('.error').show();
txt.focus().val('');
return false;
}
else
{
$('.error').hide();
alert('正确');
}
});
});
上面那个忘了有一行没写 展开
3个回答
展开全部
你没有触发校验的函数
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"></meta>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
function check()
{
$('.error').hide();
var txt=$('.infobox');
var reg=/^\d+$/g;
if(!reg.test(txt.val()))
{
$('.error').show();
txt.focus().val('');
return false;
}
else
{
$('.error').hide();
alert('正确');
}
}
</script>
</head>
<body>
<form id="signup" method="post" action="">
<div>
<span class="label">User Id *</span>
<input type="text" class="infobox" name="userid" onblur="check()"/>
<span class="error">This field cannot be blank</span>
</div>
<input class="submit" type="submit" value="Submit" />
</form>
</body>
</html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"></meta>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
function check()
{
$('.error').hide();
var txt=$('.infobox');
var reg=/^\d+$/g;
if(!reg.test(txt.val()))
{
$('.error').show();
txt.focus().val('');
return false;
}
else
{
$('.error').hide();
alert('正确');
}
}
</script>
</head>
<body>
<form id="signup" method="post" action="">
<div>
<span class="label">User Id *</span>
<input type="text" class="infobox" name="userid" onblur="check()"/>
<span class="error">This field cannot be blank</span>
</div>
<input class="submit" type="submit" value="Submit" />
</form>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
代码运行正常，触发失焦事件$('.error')正常出现提示文本
你是否有将jquery包导入？
以下代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery.js" language="javascript"></script>
<script>
$(document).ready(function(){
$('.error').hide();
var txt=$('.infobox');
var reg=/^\d+$/g;
$('.infobox').blur(function(){
if(!reg.test(txt.val()))
{
$('.error').show();
txt.focus().val('');
return false;
}
else
{
$('.error').hide();
alert('正确');
}
});
});
</script>
</head>
<body>
<form id="signup" method="post" action="">
<div>
<span class="label">User Id *</span>
<input type="text" class="infobox" name="userid" />
<span class="error">This field cannot be blank</span>
</div>
<input class="submit" type="submit" value="Submit" />
</form>
</body>
</html>
你是否有将jquery包导入？
以下代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery.js" language="javascript"></script>
<script>
$(document).ready(function(){
$('.error').hide();
var txt=$('.infobox');
var reg=/^\d+$/g;
$('.infobox').blur(function(){
if(!reg.test(txt.val()))
{
$('.error').show();
txt.focus().val('');
return false;
}
else
{
$('.error').hide();
alert('正确');
}
});
});
</script>
</head>
<body>
<form id="signup" method="post" action="">
<div>
<span class="label">User Id *</span>
<input type="text" class="infobox" name="userid" />
<span class="error">This field cannot be blank</span>
</div>
<input class="submit" type="submit" value="Submit" />
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
