jquery抓取网页内容( 什么是HTML？、Jquery、密码记性前端的区别)

　　jquery抓取网页内容(

什么是HTML？、Jquery、密码记性前端的区别)

　　jquery+Css+Html实现前端验证和用户登录功能的登录用户和密码

　　文章目录

　　前言

　　应用场景：可实现任意程序的登录，可对用户名、密码记忆或手机号、邮箱等信息进行前端验证。

　　温馨提示：以下为本文正文内容文章，以下案例供参考

　　一、什么是 jQuery？

　　jQuery 是免费的、开源的，并且在 MIT 许可下获得许可。jQuery 的语法旨在使开发人员更轻松，例如操作文档对象、选择 DOM 元素、制作*敏*感*词*、处理事件、使用 Ajax 和其他功能。此外，jQuery 还为开发人员提供了编写插件的 API。它的模块化使用允许开发人员轻松开发强大的静态或动态网页。（百度百科）。

　　二、什么是 CSS？

　　Cascading Style Sheets（英文全称：Cascading Style Sheets）是一种计算机语言，用于表示HTML（标准通用标记语言的一种应用）或XML（标准通用标记语言的一个子集）等文档样式。CSS不仅可以静态修改网页，还可以用各种脚本语言动态格式化网页的各种元素。CSS 可以对网页中元素位置的布局进行像素级的精确控制，支持几乎所有的字体大小样式，并具有编辑网页对象和模型样式的能力。（百度百科）。

　　三、什么是HTML？

　　HTML 代表超文本标记语言，它是一种标记语言。它包括一系列标签。通过这些标签，可以统一网络上的文档格式，将分散的互联网资源连接成一个逻辑整体。HTML 文本是由 HTML 命令组成的描述性文本，可以描述文本、图形、*敏*感*词*、声音、表格、链接等。. （百度百科）。

　　四、jquery前端代码实现

　　首先，导入jquery.js文件，使页*敏*感*词*备jquery的功能。该功能需要两个页面，一个登录页面，一个登录成功页面（文件需要流式传输，下班后可以流式传输私信，看到就会返回）

　　

　　1.创建登录页面

　　创建.txt文本，然后写代码保存，然后把文本后缀改成.html保存，用浏览器打开

　　

登录页面

//页面加载时 让id为uid的对象获得焦点

$(document).ready(function(){

//var oInput = $("#uid");

//oInput.focus();//获得焦点

// dom对象与jquery对象之间转换 原生js抓取和生成的对象称为dom对象，通过jquery创建和抓取的对象称为jquery对象，只有jquery对象可以调用jquery中方法

//var oInput = document.getElementById("uid");

//var oInput = $("#uid");

//将dom对象转为jquery对象(穿马甲)

//oInput = $(oInput);

//console.log(oInput.val());

//将jquery对象转为dom对象

//oInput = oInput[0];

//console.log(oInput.value);

var oInput = $("#uid");

oInput.focus();

});

function check()

{

//得到uid的值

var uid = $("#uid").val();

if(uid == "")

{

alert("用户ID必须填写!");

$("#uid").focus();

return ;

}

else

{

//校验密码是否为三位数字

var reg = new RegExp("^\\d{3}$");

var flag = reg.test($("#upass").val());

if(flag==false)

{

alert("密码必须是3位数字");

$("#upass").focus().select();

}

else

{

//提交表达

$("#thisform").attr({action:"result.html",method:"post"}).submit();

}

}

}

用户ID:

用户密码:

　　2.创建成功登录页面

　　

登录成功的页面

欢迎您，登录成功。。。。。

　　1、 js代码和逻辑处理代码要写在标签体中。

　　2、 标签体要写css代码，页面显示的样式。

　　3、 标签体主要展示页面的内容。

　　4、 标签体主要是表头格式区。

　　5、 标签体是整个页面的区域。

　　6、标签是引入jquery.js文件src等于本地路径。

　　3.效果实现

　　1、输入用户名zhx，密码123456，点击登录按钮。

　　

　　定期检查密码。如果要定期检查密码，可以使用对应的正则表达式。这里为了方便演示，密码只能是3位数字。

　　

　　

　　1、输入用户名zhx，密码123，点击登录按钮。

　　

　　跳转到登录成功页面。

　　

　　总结

　　对登录功能相关的用户名、密码、手机号、邮箱等信息进行验证，尽量在进入页面时进行验证，尽量避免后端验证减少与后端交互的频率。