JQuery注册登录

jQuery注册登录

使用Visual Studio创建JQuery账户密码登录页面：

首先第一步，是打开Visual Studio，之后是点击“文件”——“新建”——选择项目。

第二步，弹出模块选择——“其他项目类型Visual Studio解决方案”然后输入名称，选择创建的目录，之后点击“确定”。

第三步，在创建的解决方案中——“右键”点击——选择“新建项目”，

第四步，弹出“添加新项目”——选择“已安装”中的"web"——“.net 类型4.0”，点击“添加”。

第五步，右键点击创建完成的项目名称，选择“管理NuGet程序包”。

第六步，选择浏览，找到JQuery选择1.11.3版本，点击安装。等提示安装成功

第七步，右键点击创建的项目名称，选择“添加”，

第八步，弹出添加新项文本框，选择“已安装中Web”——“HTML页”。更改名称，完成之后点击“添加”。

第九步，然后就是输入代码的步骤：

完整代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><meta charset="utf-8" /><script src="Scripts/jquery-1.11.3.js"></script>
</head>
<body><from id="from">账号：<input id="txt_name" type="text"/><br />密码：<input id="txt_pwsd" type="password"/><br /><input id="btn_login" type="button" value="登录" /><input id="btn_reset" type="button" value="重置" /></from></body>
</html>
<script type="text/javascript">$(function () {$("#btn_login").click(function () {var login=$("#txt_name").val();var pwsd=$("#txt_pwsd").val();if (login == "admin" && pwsd == "123456") {alert("欢迎，"+login+"登录成功");}else if (login == "" && pwsd == "") {alert("账户或密码不能为空！");}else{alert("账号或密码输入错误，请重新输入！");$("#txt_name").val();$("#txt_pwsd").val();}});$("#btn_reset").click(function () {$("#txt_name").val("");$("#txt_pwsd").val("");});});
</script>

效果图如式：输入登录账号和密码，提示登录成功

账号或者密码输入错误，则提示输入错误，重新输入

点击重置按钮，账号密码重置

JQuery注册登录相关推荐

Jsp+Servlet+MYSQL注册登录案例(界面难看，ε=(´ο｀*)))唉)
注册登录界面尤为常见,我的界面尤为难看,勉为其难的写吧,前端不熟就是这样... 这个案例运用到了: 1.Jsp动态页面--->动态页面 2.Servlet逻辑判断后台---->实现界面与数 ...
python django 快速实现注册,登录,注销
临近年底,各种忙,好久没更新博客了,2017春节假期在即,距下班还有2小时,难得闲下来,来撸一手django简单的web注册,登录,注销. 环境:centos 6.4 64bit python ...
一步步开发自己的博客 .NET版（3、注册登录功能）
前言这次开发的博客主要功能或特点: 第一:可以兼容各终端,特别是手机端. 第二:到时会用到大量html5,炫啊. 第三:导入博客园的精华文章,并做分类.(不要封我) ...
django完成一个可重用注册登录系统
目录可重用注册登录系统项目开始前的思考搭建项目环境设计数据库模型数据库模型文件设置数据库后端注册app 生成迁移脚本并写入数据库测试是否成功数据库模型后台管理路由与视图函数框架构建 ...
Django 可重用注册登录系统
文章目录一.可重用注册登录系统 1.项目开始前的思考 2.搭建项目环境 3.设计数据库模型 1)数据库模型文件 2)设置数据库后端 3)注册app 4)生成迁移脚本并写入数据库 5)测试是否成功 6 ...
Python（18）——Django实战1之可重用注册登录系统（从面到点剖析）
文章目录前言 0.项目开始前的思考 1.搭建项目环境(和上一篇文章一样) 1.1 创建Django项目 1.2 创建app 1.3 设置时区(中文显示) 1.4 数据库表生成 1.5 启动开发服务器 ...
有趣的HTML实例（七）注册登录界面Ⅱ（css+js）
你知道,有些鸟儿是注定不会被关在牢笼里的,它们的每一片羽毛都闪耀着自由的光辉. --<肖申克的救赎> 目录一.前言二.往期作品回顾三.作品介绍四.本期代码介绍五.效果显示六.编 ...
8、ABPZero系列教程之拼多多卖家工具添加手机注册登录功能
现在网站基本都用手机注册,很少用邮箱注册,本篇内容比较多,代码我会尽量加备注,有些操作需要连续添加几个文件才不报错,如果VS显示错误,请继续后续步骤. 前面已经有一篇文章讲到集成短信发送模块:http ...
python学习第八天---用Django框架创建可重用注册登录系统
python学习第八天---用Django框架创建可重用注册登录系统实现的功能项目开始前的整体规划搭建环境完成基础配置创建app 更改语言和时区数据库表生成启动开发服务器浏览器访问,检测 ...
学生网课网页设计成品在线视频学习类网页制作三层结构网页模板静态HTML注册登录网页模板学生毕业设计网页制作作品网校类网页代制做
学生在线网课网页设计网页知识点网页作品介绍网页代码展示代码展示登录页面部分代码展示头部区域代码演示小导航代码演示网页效果预览首页效果表单页面详情页面作品地址网页知识点 DIV ...

JQuery注册登录

jQuery注册登录

使用Visual Studio创建JQuery账户密码登录页面：

完整代码：

JQuery注册登录相关推荐

最新文章

热门文章