<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
td {
height: 30px;
}
span {
color: red;
}
</style>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script>
$(function() {
$("#an").click(function() {
isnull()
var sex = document.getElementsByName("sex");
})
})
function isk(nname, sname) {
var name = $(nname).val();
if(name == "" || name == null) {
$(sname).text(name + "不能为空")
return false;
} else {
$(sname).text("")
return true;
}
}
function isnumber(pwd) {
var reg = /^[0-9]+$/
var f = $(pwd).val()
if(!reg.test(f)) {
$("#s_pwd").text("必须是数字!!!");
return false;
} else {
$("#s_pwd").text("");
return true;
}
}
function isnumber1(pwd) {
var reg = /^[0-9]+$/
var f = $(pwd).val()
if(!reg.test(f)) {
$("#s_pwd").text("必须是数字!!!");
return false;
} else {
$("#s_pwd").text("");
return true;
}
}
function isn() {
var name = $("#uname").val();
var reg = /^\w+$/
if(!reg.test(name)) {
$("#s_name").text("帐号必须是字母或数字");
return false;
} else {
$("#s_name").text("")
return true;
}
}
function pw(pwd, pwd1) {
var pv = $(pwd1).val();
var pv1 = $(pwd).val();
if(pv != pv1) {
$("#s_pwd1").text("请输入同样的数据")
return false;
} else {
$("#s_pwd1").text("")
return true;
}
}
function radio_sex() {
var f = $("input:radio:checked").val();
if(f == undefined || f == "" || f == null) {
$("#s_sex").text("必选!!");
return false;
} else {
$("#s_sex").text("");
return true;
}
}
function issf() {
var d = $("#usf").val();
reg = /^[0-9]+$/
if(d.length > 11 && reg.test(d)) {
$("#s_sf").text("")
return true;
} else {
$("#s_sf").text("身份证必须要大于11且是数字")
return false;
}
}
function istel() {
var d = $("#utel").val();
reg = /^[0-9]+$/
if(d.length > 11 && reg.test(d)) {
$("#s_sf").text("")
return true;
} else {
$("#s_sf").text("电话必须要大于11且是数字")
return false;
}
}
function isnull() {
return isk("#uname", "#s_name") && isn() &&
isk("#upwd", "#s_pwd") && isnumber("#upwd") &&
isk("#upwd1", "#s_pwd1") && pw("#upwd", "#upwd1") && isnumber1("#upwd1") &&
isk("#uid", "#s_id") &&
radio_sex() &&
isk("#usf", "#s_sf") && issf() &&
isk("#utel", "#s_tel") && istel() &&
isk("#uqq", "#s_qq") &&
isk("#uem", "#s_em")
}
</script>
<!--
8.正确引用外部日期控件5分
-->
<script src="js/new_file.js"></script>
</head>
<body>
<fieldset>
<legend>注册</legend>
<form action="#" method="get">
<table>
<tr>
<td>帐号:</td>
<td><input type="text" id="uname" /><span id="s_name"></span></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="text" id="upwd" /><span id="s_pwd"></span></td>
</tr>
<tr>
<td>重复密码:</td>
<td><input type="text" id="upwd1" /><span id="s_pwd1"></span></td>
</tr>
<tr>
<td>昵称:</td>
<td><input type="text" id="uid" /><span id="s_id"></span></td>
</tr>
<tr>
<td>出生日期:</td>
<td><input type="date" id="udate" /><span id="s_date"></span></td>
</tr>
<tr>
<td>性别:</td>
<td><input type="radio" name="sex" value="汉子" />汉子<input type="radio" name="sex" value="妹子" />妹子<span id="s_sex"></span>
</td>
</tr>
<tr>
<td>身份证号:</td>
<td><input type="text" id="usf" /><span id="s_sf"></span></td>
</tr>
<tr>
<td>手机号:</td>
<td><input type="text" id="utel" /><span id="s_tel"></span></td>
</tr>
<tr>
<td>qq:</td>
<td><input type="text" id="uqq" /><span id="s_qq"></span></td>
</tr>
<tr>
<td>手机邮箱:</td>
<td><input type="text" id="uem" /><span id="s_em"></span></td>
</tr>
<tr align="center">
<td><input type="button" value="注册" id="an" /></td>
<td><input type="reset" value="清空" /></td>
</tr>
</table>
</form>
</fieldset>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
td {
height: 30px;
}
span {
color: red;
}
</style>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script>
$(function() {
$("#an").click(function() {
isnull()
var sex = document.getElementsByName("sex");
})
})
function isk(nname, sname) {
var name = $(nname).val();
if(name == "" || name == null) {
$(sname).text(name + "不能为空")
return false;
} else {
$(sname).text("")
return true;
}
}
function isnumber(pwd) {
var reg = /^[0-9]+$/
var f = $(pwd).val()
if(!reg.test(f)) {
$("#s_pwd").text("必须是数字!!!");
return false;
} else {
$("#s_pwd").text("");
return true;
}
}
function isnumber1(pwd) {
var reg = /^[0-9]+$/
var f = $(pwd).val()
if(!reg.test(f)) {
$("#s_pwd").text("必须是数字!!!");
return false;
} else {
$("#s_pwd").text("");
return true;
}
}
function isn() {
var name = $("#uname").val();
var reg = /^\w+$/
if(!reg.test(name)) {
$("#s_name").text("帐号必须是字母或数字");
return false;
} else {
$("#s_name").text("")
return true;
}
}
function pw(pwd, pwd1) {
var pv = $(pwd1).val();
var pv1 = $(pwd).val();
if(pv != pv1) {
$("#s_pwd1").text("请输入同样的数据")
return false;
} else {
$("#s_pwd1").text("")
return true;
}
}
function radio_sex() {
var f = $("input:radio:checked").val();
if(f == undefined || f == "" || f == null) {
$("#s_sex").text("必选!!");
return false;
} else {
$("#s_sex").text("");
return true;
}
}
function issf() {
var d = $("#usf").val();
reg = /^[0-9]+$/
if(d.length > 11 && reg.test(d)) {
$("#s_sf").text("")
return true;
} else {
$("#s_sf").text("身份证必须要大于11且是数字")
return false;
}
}
function istel() {
var d = $("#utel").val();
reg = /^[0-9]+$/
if(d.length > 11 && reg.test(d)) {
$("#s_sf").text("")
return true;
} else {
$("#s_sf").text("电话必须要大于11且是数字")
return false;
}
}
function isnull() {
return isk("#uname", "#s_name") && isn() &&
isk("#upwd", "#s_pwd") && isnumber("#upwd") &&
isk("#upwd1", "#s_pwd1") && pw("#upwd", "#upwd1") && isnumber1("#upwd1") &&
isk("#uid", "#s_id") &&
radio_sex() &&
isk("#usf", "#s_sf") && issf() &&
isk("#utel", "#s_tel") && istel() &&
isk("#uqq", "#s_qq") &&
isk("#uem", "#s_em")
}
</script>
<!--
8.正确引用外部日期控件5分
-->
<script src="js/new_file.js"></script>
</head>
<body>
<fieldset>
<legend>注册</legend>
<form action="#" method="get">
<table>
<tr>
<td>帐号:</td>
<td><input type="text" id="uname" /><span id="s_name"></span></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="text" id="upwd" /><span id="s_pwd"></span></td>
</tr>
<tr>
<td>重复密码:</td>
<td><input type="text" id="upwd1" /><span id="s_pwd1"></span></td>
</tr>
<tr>
<td>昵称:</td>
<td><input type="text" id="uid" /><span id="s_id"></span></td>
</tr>
<tr>
<td>出生日期:</td>
<td><input type="date" id="udate" /><span id="s_date"></span></td>
</tr>
<tr>
<td>性别:</td>
<td><input type="radio" name="sex" value="汉子" />汉子<input type="radio" name="sex" value="妹子" />妹子<span id="s_sex"></span>
</td>
</tr>
<tr>
<td>身份证号:</td>
<td><input type="text" id="usf" /><span id="s_sf"></span></td>
</tr>
<tr>
<td>手机号:</td>
<td><input type="text" id="utel" /><span id="s_tel"></span></td>
</tr>
<tr>
<td>qq:</td>
<td><input type="text" id="uqq" /><span id="s_qq"></span></td>
</tr>
<tr>
<td>手机邮箱:</td>
<td><input type="text" id="uem" /><span id="s_em"></span></td>
</tr>
<tr align="center">
<td><input type="button" value="注册" id="an" /></td>
<td><input type="reset" value="清空" /></td>
</tr>
</table>
</form>
</fieldset>
</body>
</html>