浏览 7327 次
|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2011-08-18
最后修改：2011-08-18
-------------------------- 本帖纯粹为了学习jQuey而用 --------------------------
<!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>
<link href="style.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript">
/*
确认输入字段不是空白,否则显示错误消息
$(document).ready(function(){
$('.error').hide();
$('.submit').click(function(event){
var data = $('.infobox').val(); <!-- -->
var len = data.length;
if(len < 1){
$('.error').show("slow");
event.preventDefault(); <!--preventDefault()防止按钮把用户数据提交到服务器 -->
}else{
$('.error').hide();
}
});
});*/
/*
只允许输入数字
*/
$(document).ready(function(){
$('.error').hide();
$('.submit').click(function(event){
var data = $('.infobox').val();
var len = data.length;
var c;
if(len > 0){
for(var i=0; i<len; i++){
c = data.charAt(i).charCodeAt(); <!-- 获取子符的Unicode编码 -->
if(c==45 || i==0){ <!-- 允许为负数 -->
continue;
}
if(c < 48 || c > 57){
$('.error').show("slow").html("必须为数值！");
event.preventDefault();
}else{
$('.error').hide();
}
}
}
if(len == 0){ <!-- 同时不能为空 -->
$('.error').show("slow").text("不能为空！");
event.preventDefault();
}
if(len > 0 && len == 1){
c = data.charAt(0).charCodeAt();
if(c < 48 || c > 57){
$('.error').show("slow").html("必须为数值！");
event.preventDefault();
}else{
$('.error').hide();
}
}
});
});
</script>
</head>
<body>
<form action="" method="post" id="signup">
<div>
<span class="label">User ID</span><input type="text" class="infobox" name="userid"/>
<span class="error" style="border:#F00 solid 1px; font-size:10pt;">This field cannot be blank</span>
</div>
<input type="submit" class="submit" vaslue="提交"/>
</form>
</body>
</html>
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2011-08-18
正则一句话。
|
| 返回顶楼 | |
|
发表时间：2011-08-18
魔力猫咪 写道 正则一句话。 是啊，就一句话 var r = /^[+-]?[0-9]*$/, |
| 返回顶楼 | |
|
发表时间：2011-08-18
魔力猫咪 写道 正则一句话。 不能为空的话上面的*改为+ |
| 返回顶楼 | |
