js脚本输入控制总结

  1.检测用户名只能由中英文、数字及下划线组成,不能使用其他符号,用户名是否已经存在

function checkLoginAccount() {
  var msg = '';
  var nameid1 = document.getElementById("login_name").value;
  if (nameid1.length < 4 || nameid1.length > 20) {
    msg = "用户名长度只能在4-20位字符之间";
    alert(msg);
    return false;
  }
  else {
    for (var index = 0; index < nameid1.length; index++) {
    c = nameid1.charAt(index);
    c = c.toUpperCase();
    if (!((c >= "A" && c <= "Z") || (c >= "0" && c <= "9") || c == "_"||c>="\u4e00"&&c<="\u9fa5")) {
      msg = "用户名只能由中英文、数字及下划线组成,不能使用其他符号";
      alert(msg);
      return false;
    }
  }
}
  var params = {loginName: $('#login_name').val()};
  $.post("UserRegisterCheckLoginName", params, function (data) {  //用户名是否已经存在
    if (data.result == "error") {
    retVal = false;
    msg = "该账号已存在,请修改";
    alert(msg);
    // document.getElementById("regNameHint").innerHTML = msg;//此句表示在页面某个地方显示出来,一般是检测输入框后面,但要定义div或者其他,id        //为regNameHint
    } else if (data.result == "success") {
  retVal = true;
  }
  }, "json");
r  eturn retVal;
}

  2.检测输入的密码两次输入密码是否一致,是否符合规格

  function checkPassword() {
    var userpwd = document.getElementById("pwd").value;
    var pwdRepeat = document.getElementById("rpwd").value;
    if (userpwd.length < 6 || userpwd.length > 20)
    {
    msg = "密码长度6-20个字符,请重新输入";
    alert(msg);
    return false;
    } else {
    if (userpwd !== pwdRepeat) {
    msg = "与第一次输入的密码不匹配!";
    alert(msg);
    return false;
  }
  else {
  return true;
  }
  }
}

  3.检测输入手机号码是否符合要求

  function checkphone() {
    var link_phone = document.getElementById("link_phone").value;
    if (link_phone.length != 11) {
    msg = "手机号码格式不正确,请重新输入";
    alert(msg);
    return false;
  }
    for (var index = 0; index < link_phone.length; index++) {
      c = link_phone.charAt(index);
      if (!(c >= "0" && c <= "9")) {
      msg = "手机号码格式不正确,请重新输入";
      alert(msg);
      return false;
    }
}

    return true;
}

注:上面使用前需要引入 <script src="xx/jquery.js" type="text/javascript"></script>//xx为相对路径

posted @ 2014-11-25 10:21  黄海-1991  阅读(368)  评论(0编辑  收藏  举报