一个简单的注册(不完全)
html中的
<tr>
<td width="132" align="right">名称:</td>
<td><input type="text" id="ming" name="date" "checkemingzi()" "checkemingzi()"/>
<span id="mingcheng"></span></td>
</tr>
<tr>
<td width="132" align="right">性别:</td>
<td><input type="radio" name="xingbie"value="ds" checked="checked">男<input type="radio" name="xingbie">女</td>
</tr>
<tr>
<td width="132" align="right">爱好:</td>
<td><input type="checkbox" id="yinyue" "checkaihao()"/>听音乐<input type="checkbox" id="dianying" "checkaihao()"/>看电影<input type="checkbox" id="kandianshi" "checkaihao()"/>看电视<span id="aihao" style="color: red"></span></td>
</tr>
<tr>
<td width="132" align="right">电话:</td>
<td><input type="text" id="phone" name="date" "checkephone()" "checkephone()"/>
<span id="dianhua"></span></td>
</tr>
<tr>
<td width="132" align="right">邮箱:</td>
<td><input type="text" id="email" name="email" "checkemail()" "checkemail()"/>
<span id="youxiang"></span></td>
</tr>
<tr>
<td width="132"></td>
<td><input type="submit" value="立即注册" "checkform()" style="width: 120px"/></td>
</tr>
账号: | |
密码: | |
确认密码: |
js中的
function checkform() {
var username=document.getElementById(‘name’).value;
if(username==""){
document.getElementById(‘zhanghao’).innerHTML=“账号不能为空”
return false;
}else{
for(var i=0;i<username.length;i++){
var shu=username.substring(i,i+1);
if(!(shu>=‘a’ && shu<=‘z’) && !(shu>=‘A’ && shu<=‘Z’) && !(shu>=‘1’ && shu<=‘9’) && shu!=’_’){
document.getElementById(‘zhanghao’).innerHTML=“账号应由字母、数字、下划线组成组成”;
return false;
}
}
}
var userpass=document.getElementById(‘pass’).value;
var userapass=document.getElementById(‘apass’).value;
if(userpass==""){
document.getElementById(‘mima’).innerHTML=‘密码不能为空’;
document.getElementById(‘pass’).style.border=‘1px solid red’;
return false;
}else{
document.getElementById(‘mima’).innerHTML=’’;
if(userpass.length<6 || userpass.length>12){
document.getElementById(‘mima’).innerHTML=“密码长度应在6-12之间”
return false;
}else {
document.getElementById(‘pass’).style.border=‘1px solid #a9a9a9’;
document.getElementById(‘mima’).innerHTML=’’;
document.getElementById(‘apass’).style.border=‘1px solid red’;
if(userpass!=userapass){
document.getElementById(‘zaimima’).innerHTML=“两次密码不一致”
return false;
}else {
document.getElementById(‘apass’).style.border=‘1px solid #a9a9a9’;
document.getElementById(‘zaimima’).innerHTML="";
return false;
}
}
}
var yinyue=document.getElementById(‘yinyue’).checked;
var dianying=document.getElementById(‘dianying’).checked;
var kandianshi=document.getElementById(‘kandianshi’).checked;
if(kandianshitrue ||dianyingtrue ||yinyue==true){
document.getElementById(‘aihao’).innerHTML="";
return false
}else{
document.getElementById(‘aihao’).innerHTML=" 爱好必须有一个"
return false
}
var useremail=document.getElementById('email').value;
if(useremail==""){
document.getElementById('youxiang').innerHTML='邮箱不能为空';
document.getElementById('email').style.border='1px solid red';
return false;
}else {
document.getElementById('youxiang').innerHTML="";
if(useremail.indexOf("@")==-1){
document.getElementById('youxiang').innerHTML="邮箱中必须有@字符";
return false;
}else {
document.getElementById('youxiang').innerHTML="";
if((useremail.split("@").length-1)>1){
document.getElementById('youxiang').innerHTML="邮箱中@符号只能出现一次";
return false;
}else {
document.getElementById('youxiang').innerHTML="";
if(useremail.charAt(0)=="@" || useremail.charAt(useremail.length-1)=="@"){
document.getElementById('youxiang').innerHTML="邮箱中@字符不能出现在首尾的位置"
return false;
}else {
document.getElementById('youxiang').innerHTML="";
if(useremail.substring(useremail.length-4)!=".com" || useremail.substring(useremail-5)=="@.com"){
document.getElementById('youxiang').innerHTML="格式不正确 eg:aaaa@qq.com";
return false;
}else {
document.getElementById('youxiang').innerHTML=""
document.getElementById('email').style.border='1px solid #a9a9a9';
}
}
}
}
}
}
function checkname() {
var username=document.getElementById(‘name’).value;
if(username==""){
document.getElementById(‘zhanghao’).innerHTML=“账号不能为空”
document.getElementById(‘name’).style.border=‘1px solid red’;
}else{
for(var i=0;i<username.length;i++){
var shu=username.substring(i,i+1);
if(!(shu>=‘a’ && shu<=‘z’) && !(shu>=‘A’ && shu<=‘Z’) && !(shu>=‘1’ && shu<=‘9’) && shu!=’’){
document.getElementById(‘zhanghao’).innerHTML=“账号应由字母、数字、下划线组成”;
return false;
}else {
document.getElementById(‘zhanghao’).innerHTML="";
document.getElementById(‘name’).style.border=‘1px solid #a9a9a9’
}
}
}
}
function checkpass() {
var userpass=document.getElementById(‘pass’).value;
var userapass=document.getElementById(‘apass’).value;
if(userpass==""){
document.getElementById(‘mima’).innerHTML=‘密码不能为空’;
document.getElementById(‘pass’).style.border=‘1px solid red’;
}else{
document.getElementById(‘mima’).innerHTML=’’;
if(userpass.length<6 || userpass.length>12){
document.getElementById(‘mima’).innerHTML=“密码长度应在6-12之间”
}else {
document.getElementById(‘pass’).style.border=‘1px solid #a9a9a9’;
document.getElementById(‘mima’).innerHTML=’’;
document.getElementById(‘apass’).style.border=‘1px solid red’;
if(userpass!=userapass){
document.getElementById(‘zaimima’).innerHTML=“两次密码不一致”
}else {
document.getElementById(‘apass’).style.border=‘1px solid #a9a9a9’;
document.getElementById(‘zaimima’).innerHTML=""
}
}
}
}
function checkemail() {
var useremail=document.getElementById(‘email’).value;
if(useremail==’’){
document.getElementById(‘youxiang’).innerHTML=‘邮箱不能为空’
document.getElementById(‘email’).style.border=‘1px solid red’;
}else {
document.getElementById(‘youxiang’).innerHTML="";
if(useremail.indexOf("@")-1){
document.getElementById(‘youxiang’).innerHTML=“邮箱中必须有@字符”;
return false;
}else {
document.getElementById(‘youxiang’).innerHTML="";
if((useremail.split("@").length-1)>1){
document.getElementById(‘youxiang’).innerHTML=“邮箱中@符号只能出现一次”;
}else {
document.getElementById(‘youxiang’).innerHTML=""
if(useremail.charAt(0)"@" || useremail.charAt(useremail.length-1)"@"){
document.getElementById(‘youxiang’).innerHTML=“邮箱中@字符不能出现在首尾的位置”
}else {
document.getElementById(‘youxiang’).innerHTML="";
if(useremail.substring(useremail.length-4)!=".com" || useremail.substring(useremail-5)"@.com"){
document.getElementById(‘youxiang’).innerHTML=“格式不正确 eg:aaaa@qq.com”
}else {
document.getElementById(‘youxiang’).innerHTML="";
document.getElementById(‘email’).style.border=‘1px solid #a9a9a9’;
}
}
}
}
}
}
function checkemingzi() {
var ming=document.getElementById(‘ming’).value;
if(ming==""){
document.getElementById(‘mingcheng’).innerHTML=‘名称不能为空’
document.getElementById(‘ming’).style.border=‘1px solid red’;
}else{
if((ming>=‘a’ && ming<=‘z’) && !(ming>=‘A’ && ming<=‘Z’) && !(ming>=‘1’ && ming<=‘9’) && ming==’’){
document.getElementById(‘mingcheng’).innerHTML=‘名称必须只由中文组成’
}else {
if(ming.length<4 || ming.length>12){
document.getElementById(‘mima’).innerHTML=“名长度应在4-12之间”
}else {
document.getElementById(‘mingcheng’).innerHTML=’’;
document.getElementById(‘ming’).style.border=‘1px solid #a9a9a9’;
}
}
}
}
function checkephone() {
var phone=document.getElementById(‘phone’).value;
if(phone==""){
document.getElementById(‘dianhua’).innerHTML=‘手机号不能为空,输入的手机号应为移动号码’;
document.getElementById(‘phone’).style.border=‘1px solid red’;
}else{
document.getElementById(‘dianhua’).innerHTML=’’;
if(phone.length!=11){
document.getElementById(‘dianhua’).innerHTML=“手机号长度应为11位,您输入长度为”+phone.length
}else {
for(var i=0;i<phone.length;i++){
var phpneone=phone.substring(i,i+1)
if(!(phpneone>=0 && phpneone<=9)){
document.getElementById(‘dianhua’).innerHTML=‘手机号只能为数字’
}else {
var phpnetwo=phone.substring(i,i+2)
if(!(phpnetwo13 || phpnetwo15 ||phpnetwo17 ||phpnetwo18)){
document.getElementById(‘dianhua’).innerHTML=“手机号应为13/15/17/18号段,您的手机号码号段不符合要求”
}else {
document.getElementById(‘dianhua’).innerHTML=’’;
document.getElementById(‘phone’).style.border=‘1px solid #a9a9a9’;
return false
}
}
}
}
}
}