首页 >社区问答列表 >自己写的可用的前台jqyuery用户名和手机号验证

自己写的可用的前台jqyuery用户名和手机号验证

个人感觉可用,请高手指正!

<?php session_start() ; //如果直接打开用户后台首页就判断阶段变量是否为空,如果为空就来到注册页面,如果不为空就进入首页 $sjh=$ _SESSION[ 'MM_UserNmae1']; if ($sjh !==n ull) { echo "<script>top.location='index.php';</script>"; exit; }?>
  <!doctype html>
  <html>
    
    <head>
      <meta charset="utf-8">
      <title>用户登录</title>
      <link href="../css/tou.css" rel="stylesheet" type="text/css">
      <link href="../css/dibu.css" rel="stylesheet" type="text/css"></head>
    
    <body style="background-image:url(../ditu.png);background-attachment:fixed;background-color:#000;">
      <?php require_once( '../header.php'); ?>
        <table width="444" height="272" border="1" align="center" cellpadding="0" cellspacing="0" style="font-size: 20px; color: #F5F5F5;">
          <tbody>
            <tr>
              <td colspan="4" align="center" style="color: #EDEC0D">
                <strong>用 户 登 录</strong></td>
            </tr>
            <tr>
              <td width="100" align="center">
                <label for="sjh">手机:</label></td>
              <td colspan="2" align="center">
                <input name="sjh" id="sjh" type="text" style="font-size: 18px;" size="16" maxlength="11" autofocus="" oninput="value=value.replace(/[^\d]/g,'')" placeholder="11位数手机号"></td>
              <td width="132">
                <p id="s1" style="font-size: 14px;">请输入手机号</p></td>
            </tr>
            <tr>
              <td align="center">
                <label for="mima">密码:</label></td>
              <td colspan="2" align="center">
                <input name="mima" id="mima" type="text" style="font-size: 18px;" size="16" maxlength="8" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" placeholder="密码六到八位数"></td>
              <td>
                <p id="s2" style="font-size: 14px;">请输入密码</p></td>
            </tr>
            <tr>
              <td align="center">
                <label for="yzm">验证码:</label></td>
              <td width="102" align="center">
                <input name="yzm" id="yzm" type="text" style="font-size: 18px;" size="6" maxlength="4" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"></td>
              <td width="119" align="center">
                <img src="yzm.php" alt="" width="100" height="30" onClick="this.src=this.src+'?'+Math.random()" /></td>
              <td>
                <p id="s5" style="font-size: 14px;">请输入验证码</p></td>
            </tr>
            <tr>
              <td colspan="4">
                <input style="font-size: 20px; margin-left: 170px" name="submit" type="submit" value="点击登录" id="submit">
                <span id="s6" style=" font-size: 14px;"></span>
              </td>
            </tr>
          </tbody>
        </table>
        <?php require_once( '../footer.php'); ?></body>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">//失去焦点开始判断-手机号不足11位自动弹出警告且重新获取焦点	$("#sjh").blur(function(){   	var p = $('#sjh').val();	if(p.length<11){	$("#s1").text("手机号不合法").css('color', 'red');	//setTimeout("$('#sjh').focus()",1);	     $('#sjh').focus()  //不对头就移开当前焦点	               }else{$("#s1").text("符合要求").css('color', 'green');}                                });	//失去焦点开始判断-密码不足6位自动弹出警告且重新获取焦点	$("#mima").blur(function(){   	var p = $('#mima').val();	if(p.length<6){	$("#s2").text("密码不能够少于6位").css('color', 'red'); $('#mima').focus()	              }else{$("#s2").text("符合要求").css('color', 'green');}                                });	//失去焦点开始判断-确认验证码不足4位弹出提示框	$("#yzm").blur(function(){  	var q = $('#yzm').val();	if(q.length<4){	$("#s5").text("验证码需4位数").css('color', 'red');	$('#yzm').focus();	              }else{$("#s5").text("符合要求").css('color', 'green');}                                });
      </script>
    <script type="text/javascript">$(document).ready(function() {
        $("#submit").click(function() {
          var a = $('#s1').text();
          var b = $('#s2').text();
          var e = $('#s5').text();
          if (a == '符合要求' && b == '符合要求' && e == '符合要求') { //alert('符合要求');	  	  $.post("reg11.php",{	sjh:$('#sjh').val(), mima:$('#mima').val(),	yzm:$('#yzm').val(),	},	function(data){	  $("#s6").text(data).css('color', 'red');			  if($.trim(data) =='登录成功'){	  $(window).attr('location','index.php');  //成功就页面转向	  //alert("信息跳转: " + data );	                   }else{	     //alert("信息1: " + data );	             return false} }); 	  }else{alert('请填写信息再点击登录!');}     	        });});
            </script>
  
  </html>


无数据提示还没有回复,楼主喊你快去抢前排~~~我来回答

页面底部区域 foot.htm