zoukankan      html  css  js  c++  java
  • js注册验证提示!

    <script>
    var ifEmail =false;
    var ifPassword;
    function ainf() {
    var txtEnun=document.getElementById("nam1");
    if(txtEnun.value.length==0){
    var txtprin=document.getElementById("spaninfo");
    $$stin("spaninfo").innerHTML="*输入的Email为空!";
    }else{
    var hun=/s+/;
    if(hun.test(txtEnun.value.trim())){
    $$stin("spaninfo").innerHTML="*输入的数据不能有空字符串!";
    }else{
    var gunf=/^w+@w+.((cn)|(com)|(com.cn))$/;
    if(gunf.test(txtEnun.value.trim())){
    ifEmail=true;
    $$stin("spaninfo").innerHTML="<img src='images/register_write_ok.gif'>";
    }else{
    $$stin("spaninfo").innerHTML="*输入的Email格式不对";
    }
    }
    }
    }
    function suin(){
    var txting=document.getElementById("nam2");
    if(txting.value.length==0){
    var txthun=document.getElementById("spaninfo1");
    ifEmail=false;
    $$stin("spaninfo1").innerHTML="*输入的用户名为空!";
    }else{
    var hun=/s+/;
    if(hun.test(txting.value.trim())){
    ifEmail=false;
    $$stin("spaninfo1").innerHTML="*输入的数据不能有空字符串!";
    }else{
    $$stin("spaninfo1").innerHTML="<img src='images/register_write_ok.gif'>";

    }
    }
    }
    function hunfd(){
    var txthunf=$$stin("nam3");
    if(txthunf.value.length==0){
    var txtnun=$$stin("spaninfo2");
    ifEmail=false;
    $$stin("spaninfo2").innerHTML="*输入的密码为空!";
    }else{
    var hun=/s+/;
    if(hun.test(txthunf.value.trim())){
    ifEmail=false;
    $$stin("spaninfo2").innerHTML="*输入的数据不能为空字符串!";
    }else{
    ifPassword=$$stin("nam3").value;
    var sas=/^d+$/;
    if(sas.exec(ifPassword)){
    ifEmail=false;
    $$stin("spaninfo2").innerHTML="*不能为纯数字!";
    }else{
    $$stin("spaninfo2").innerHTML="<img src='images/register_write_ok.gif'>";
    }
    }
    }
    }
    function hunfd1(){
    var txthunf1=$$stin("nam4");
    if(txthunf1.value.length==0){
    ifEmail=false;
    var txtnun1=$$stin("spaninfo3");
    $$stin("spaninfo3").innerHTML="*输入的密码为空!";
    }else{
    if(ifPassword==txthunf1.value){

    $$stin("spaninfo3").innerHTML="<img src='images/register_write_ok.gif'>";
    ifEmail=true;

    }else{
    ifEmail=false;
    $$stin("spaninfo3").innerHTML="*重复输入的不相同!";
    }
    }
    }
    function gunf(){
    var fund=$$stin("nam5");
    var fund1=$$stin("nam6");
    }
    var selectDefault="";
    window.onload=function(){
    selectDefault=$$stin("nam8").children[0];
    }
    function find(obj){
    var selectValue=obj.value;
    $$stin("nam8").options.length=0;
    switch(selectValue){
    case "1":
    $$stin("nam8").appendChild(selectDefault);
    break;
    case "2":
    var hunf=new Array("东城区","西城区", "宣武区", "崇文区" ,"石景山区" ,"朝阳区", "海淀区", "大兴区", "丰台区");
    for(var i=0;i<hunf.length;i++){
    var hun=hunf[i];

    var createElement=document.createElement("option");
    createElement.innerText=hun;
    $$stin("nam8").appendChild(createElement);
    }
    break;
    case "3":
    var hunf1=new Array("宝山区","杨浦区","虹口区","闸北区","普陀区","长宁区","徐汇区","闵行区","静安区","卢湾区","黄浦区");
    for(var i=0;i<hunf1.length;i++){
    var hun1=hunf1[i];

    var createElement1=document.createElement("option");
    createElement1.innerHTML=hun1;
    $$stin("nam8").appendChild(createElement1);
    }
    break
    case "4":
    break;
    default :
    break;
    }
    }
    function $$stin(id){
    return document.getElementById(id);
    }
    function checkAll(){
    if(ifEmail==true){
    return true;
    }else{
    return false;
    }
    }
    </script>

    <form name="form1">
    Email地址:<input type="text" onblur="ainf()" id="nam1"/><span style="color: red" id="spaninfo"></span><br>
    设置名称:<input type="text" onblur="suin()" id="nam2"/><span style="color: red" id="spaninfo1"></span> <br>
    设置密码:<input type="text" onblur="hunfd()" id="nam3"/><span style="color: red" id="spaninfo2"></span><br>
    再次输入密码:<input type="text" onblur="hunfd1()" id="nam4"/><span style="color: red" id="spaninfo3"></span><br>
    性别:<input type="checkbox" id="nam5" onclick="gunf()" checked="checked"/>男 <input type="checkbox" onclick="gunf()" id="nam6"/>女<br>
    所在地区:<select name="nam7" id="nam7" onclick="find(this);">
    <option value="1">--请输入地区--</option>
    <option value="2">北京</option>
    <option value="3">上海</option>
    </select>
    <select name="nam8" id="nam8">
    <option value="1">--请输入区域--</option>
    </select><br>
    <input type="submit" onclick="return checkAll()"/>
    </form>

  • 相关阅读:
    Redux
    版本控制(.git + .svn + SourceTree)
    前端埋点
    前端IDE:VSCode + WebStorm
    浏览器
    Mutation Observer
    函数节流与函数去抖
    React 初识
    Ajax
    JS
  • 原文地址:https://www.cnblogs.com/kldsw/p/5554306.html
Copyright © 2011-2022 走看看