Heim > Artikel > Web-Frontend > Beispiel für die Überprüfung der Anmeldung im js-Formular

Beispiel für die Überprüfung der Anmeldung im js-Formular

高洛峰Original: 2016-12-09 16:08:271054Durchsuche

Das Beispiel in diesem Artikel beschreibt die Anmeldebestätigungsmethode für das JS-Formular. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>项目后台管理系统</title>
<link rel="stylesheet" href="__PUBLIC__/css/login.css" />
<script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
<script type="text/javascript">
function $(id)
{
  return document.getElementById(id);
}
//验证姓名
function checkname(){
  var name=$("admin_name").value;
  if(name==&#39;&#39;)
  {
   $(&#39;s1&#39;).innerHTML=&#39;姓名不能为空&#39;;
   $(&#39;s1&#39;).style.color=&#39;red&#39;;
   return false;
  }
  else
  {
    $(&#39;s1&#39;).innerText=&#39;ok&#39;;
    $(&#39;s1&#39;).style.color=&#39;green&#39;;
    return true;
  }
}
//验证密码
function checkpwd(){
  var password=$("password").value;
  if(password==&#39;&#39;)
  {
   $(&#39;s2&#39;).innerHTML=&#39;密码不能为空&#39;;
   $(&#39;s2&#39;).style.color=&#39;red&#39;;
   return false;
  }
  else
  {
    $(&#39;s2&#39;).innerHTML=&#39;ok&#39;;
    $(&#39;s2&#39;).style.color=&#39;green&#39;;
    return true;
  }
}
//验证所有表单提交
function checkall()
{
  if(checkname()&&checkpwd())
  {
    return true;
  }
  else
  {
    return false;
  }
}
</script>
</head>
<body class="b">
<div class="lg">
<form action="__URL__/dologin" method="POST" onsubmit="return checkall();">
  <div class="lg_top"></div>
  <div class="lg_main">
    <div class="lg_m_1">
    <input name="admin_name" value="" class="ur" id="admin_name" onblur="checkname();"/><span id=&#39;s1&#39;></span>
    <input name="password" type="password" value="" class="pw" id="password" onblur="checkpwd();"/><span id=&#39;s2&#39;></span>
    </div>
  </div>
  <div class="lg_foot">
  <input type="submit" value="Login In" class="bn" /></div>
</form>
</div>
</body>
</html>

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Was Sie bei der Entwicklung mit Angular.js beachten solltenNächster Artikel：Was Sie bei der Entwicklung mit Angular.js beachten sollten

In Verbindung stehende Artikel

Mehr sehen