js实现一个简单登陆框

最新推荐文章于 2022-08-15 19:49:49 发布
最新推荐文章于 2022-08-15 19:49:49 发布
阅读量595 收藏
点赞数
文章标签： javascript textbox button microsoft server mozilla
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/scyuo/article/details/2583038
版权

<%@ Page language="c#" Codebehind="left.aspx.cs" AutoEventWireup="false" Inherits="kk.left" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
  <title>left</title>
  <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
  <meta name="CODE_LANGUAGE" Content="C#">
  <meta name="vs_defaultClientScript" content="JavaScript">
  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
  <script language="javascript" type="text/javascript">
       function check(){     
      
           var user=document.getElementById("txtUser");
           var pass=document.getElementById("txtPassword");
      
           if (user.value=="")
           {
                 alert('请输入帐号!');
                 user.focus();
                 return false;
              }
             
              if (pass.value=="")
              {
                  alert('请输入密码!');
                  pass.focus();
                  return false;
              }
                return true;
         }
      
  </script>
 </HEAD>
 <body>
  <form id="Form2" runat="server" name="Myform">
   <table width="100%">
    <tr>
     <td style="WIDTH: 25%;HEIGHT: 150px"><FONT face="宋体"></FONT>
     </td>
     <td style="WIDTH: 335px; HEIGHT: 150px; TEXT-ALIGN: center"><FONT face="宋体"></FONT>
     </td>
     <td style="WIDTH: 25%;HEIGHT: 150px">
     </td>
    </tr>
    <tr>
     <td style="WIDTH:25%"><FONT face="宋体"></FONT>
     </td>
     <td style="WIDTH: 50%; BORDER-TOP-STYLE: outset; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; HEIGHT: 200px; BACKGROUND-COLOR: #c0c0c0; TEXT-ALIGN: center; BORDER-BOTTOM-STYLE: outset">
      <br>
      系统登录<br>
      <br>
      帐号：<asp:TextBox ID="txtUser" runat="server" Width="150px"></asp:TextBox>
      <br>
      密码：<asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Width="150px"></asp:TextBox><br>
      <br>
      <asp:Button id="Button1" runat="server" Text="确定"></asp:Button><br>
     </td>
     <td style="WIDTH:25%">
     </td>
    </tr>
    <tr>
     <td style="WIDTH:25%;HEIGHT:101px">
     </td>
     <td style="WIDTH: 335px; HEIGHT: 101px; TEXT-ALIGN: center">
     </td>
     <td style="WIDTH:25%;HEIGHT:101px">
     </td>
    </tr>
   </table>
  </form>
  
  
    <script type="text/javascript" language="javascript">
        var obj = document.getElementById("Button1");
        if(window.addEventListener){ // Mozilla, Netscape, Firefox       
          obj.addEventListener('click', check, false);
        //  obj.removeEventListener('click', check, false);
        }
        else{ // IE        
            obj.attachEvent('onclick', check);
            //obj.detachEvent('onclick', check);
        }       
    </script>

  
  
 </body>
</HTML>
折腾我半天。。

 

scyuo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js实现一个简单的MVVM框架示例
12-29
以前都是默默地看园子里的文章，猥琐的点赞，今天也分享一下自己用js实现的一个简单mvvm框架。 最初只做了自动绑定事件，后面又参考学习了vue，knouckout以及argular实现方式，以及结合自己做WPF的一些经验，增加了...
一步一个脚印实现一个自己的简易MVVM框架
08-11
一步一个脚印实现一个自己的简易MVVM框架
使用原生js写一个简单的注册登录页面
apple_61973423的博客
08-15 2万+
使用JavaScript写的登录注册页面
JavaScript登录界面制作
friend_chen的博客
05-15 4912
主要使用javascript表单登录界面，内部加入图片，表单检测，随机生成验证码。 注册： <!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-eq
html实现登录界面
qq_46578318的博客
06-10 2万+
一、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>login</title> <style> * { margin: 0; padding: 0; } html {
js-仿京东显示隐藏密码
qq_41670147的博客
11-21 1086
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
js弹出登录框
weixin_34245749的博客
05-30 226
今天修改完成了项目中一个密码重置的模块，刚开始开发为了简便 只是为了省事弹出一个DIV在显示用户内容信息的下边， 后来发现随着账户的增多就DIV就会显示到底部，操作起来很不方便于是就进行修改成了： 这样一来操作起来也方便的多。 刚开始在网上进行JS代码查找找到了很多具有相同功能的，但是添加到项目中的效果都不太理想，特别是对于浏览器兼容性的 这个...
js实现当复选框选择匿名登录时隐藏登录框效果
10-23
首先，我们需要一个HTML结构，包含一个复选框和登录/匿名登录的输入框。在示例代码中，可以看到两个`<span>`元素，分别用于显示登录框和匿名登录的姓名输入框，它们的初始状态是隐藏的（`display:none`）。登录框的...
用原生JS实现简单的多选框功能
10-19
总之，这个例子展示了如何使用原生JavaScript实现多选框的全选和反选功能，对于初学者来说是一个很好的实践案例，有助于理解DOM操作和事件处理。通过进一步学习和实践，你可以创建更复杂、更健壮的多选框功能。
JavaScript注册登录
12-16
JavaScript注册登录界面
html，css和js写的登录与注册界面
10-18
html，css和js写的登录与注册界面。本人菜水平，希望对初学者有帮助
一个简单美观的登录界面
03-09
用html、JS、css写的一个登录界面的网页。 可以进行用户名、密码判断；界面跳转。 当然，该例子主要是展示css对页面的美化效果。
css3+js制作漂亮动态登录界面设计
01-20
css3+js制作漂亮动态登录界面设计 直接可以下载使用
js弹出登陆框
zw7534313的专栏
10-23 148
http://www.pczpg.com/html/bianchengkaifa/js/20090916/18202.html  js 弹出登陆框
js 弹窗和登录框
weixin_34253126的博客
01-24 915
一、css+js简单弹窗： 当鼠标放在上方登录时，弹出下方黑色方框： <!doctype html><html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type="text/javascript"></scri...
JavaScript—简单实现登陆页面
热门推荐
weixin_44540130的博客
02-03 3万+
开发工具与关键技术：DW/浏览器 ；简单使用jquery。 作者：刘佳明 撰写时间：2019年 2 月 3 日 本篇为大家呈现一个简单的页面登陆； 要实现一个登陆的页面主要的构造在这为大家简单阐述一下； 主要的css样式构造就不多说；现网络是的登陆页面也是五花八门；下面是我个人在之前所完成的一个登陆页面； 其中，要完成一个登陆页面的实现，是在将用户的信息填写是JavaScript中的点击登陆对...
JS_实现登陆框的拖拽
chengqinzhi5893的博客
03-01 143
最终效果如下： 登陆框拖拽的流程： 1、鼠标点击（点击区域为，登陆框上部标题部分的div） 2、点下的区域被选中，进行move移动 3、抬起鼠标，停止移动 注：点击动作必须在登陆框标题区域才生效。但是move和up则是全局，所以使用document。 实现思路： 登陆框id为login。 ...
用js实现简单的登录功能
yang68668的博客
10-25 7598
<!-- 实现登录功能： 1.弹出两个输入框，分别让用户输入用户名和密码。 2.验证用户输入的用户名与密码是否正确。 假设从后端获取到的用户名与密码是 zhangsan 123456 输入正确，弹出 登录成功 输入错误，提示：用户名或密码错误 --> <script> var username = prompt("请输入用户名"); var password = prompt("请输入密码.
使用js原生实现一个搜索框
最新发布
03-28
...请输入搜索内容"> 搜索 ``` JS代码： ```javascript ...上面的代码实现了一个简单的搜索框，当点击搜索按钮时，会获取搜索框中的内容，并输出到控制台。实际使用时，可以根据需要进行搜索操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值