<html>
<head>
<script type="text/javascript">
function show(obj)
{
var str = obj.value.toString();
var len = obj.value.length;
var pattern = /^[0-9]*$/;
document.getElementById("phone").innerHTML = str;
for(var i=0;i<len;i++)
{
if(!pattern.test(str[i]))
{
//document.getElementById("phone").innerHTML = str;
}
}
}
function check()
{
document.getElementById("phone").innerHTML = "";
}
function get(obj)
{
var len = obj.value.length;
var str = obj.value.toString();
if(len>0) document.getElementById("phone").innerHTML = str;
else document.getElementById("phone").innerHTML = "请输入手机号";
}
</script>
<style type="text/css">
body
{
background-color: rgb(0,0,0);
padding-right: 32px;
margin-top: 20px;
padding-left: 32px;
font-size: 12px;
padding-bottom: 32px;
color: #000;
padding-top: 32px;
font-family: verdana,Arial,Helvetica,sans-serif;
}
#main
{
border-right: #bbb 1px solid;
border-top: #bbb 1px solid;
background-color: #fff;
border-left: #bbb 1px solid;
border-bottom: #bbb 1px solid;
text-align: left;
padding: 30px 20px 20px 50px;
350px;
}
#heading
{
padding-right: 0;
padding-left: 0;
font-weight: bold;
font-size: 16px;
padding-bottom: 15px;
margin: 0;
color: #904;
padding-top: 0;
}
.label-line {
display: block;
font-size: 12px;
margin: 0;
}
.tip {
color: red;
}
#agreement {
vertical-align: middle;
margin: 0 5px 0 0;
}
.block {
margin-bottom: 10px;
}
#phone
{
display:block;
}
</style>
</head>
<body>
<div style="100%;">
<div align = "center">
<div id = "main">
<form method="post" onsubmit="false">
<fieldset>
<div id = "heading">QL</div>
<div class = "block">
<label>手机号</label>
<strong id ="phone">请输入你的手机号</strong>
<input type = "text" id = "input1" value class = "input-text" onkeydown = "check_enter(event)" onkeyup="show(this)" onblur="check()" onfocus="get(this)">
<span id = "tip_input1" class = "tip"></span>
</div>
<div class = "block">
<label>所在班级</label>
<form>
<select name="classes">
<option value="s2">软工2班</option>
<option value="s3">软工3班</option>
<option value="s1" selected="selected">软工1班</option>
<option value="i1">网工1班</option>
</select>
</form>
</div>
<div class = "block">
<label class="label-line">输入密码</label>
<input type = "password" id = "input2" value class = "input-text" onkeydown = "check_enter(event)">
<span id = "tip_input2" class = "tip"></span>
</div>
<div class = "block">
<label class="label-line">再次输入密码</label>
<input type = "password" id = "input3" value class = "input-text" onkeydown = "check_enter(event)">
<span id = "tip_input3" class = "tip"></span>
</div>
</fieldset>
<div class = "block">
<input type = "checkbox" id = "agreement" name = "agreement" onkeydown = "check_enter(event)">
<label for="agreement" onkeydown = "check_enter(event)">遵守本站约定</label>
</div>
<div class = "block">
<input type = "submit" id = "signin" class = "button" value = "Register">
<span id = "tip_input2" class = "tip"></span>
</div>
</form>
</div>
</div>
</div>
</body>
</html>