1$(document).ready(function(){
2
3/* 设置默认属性*/
4$.validator.setDefaults({
5submitHandler: function(form) { form.submit(); }
6});
7// 中文字两个字节
8jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
9var length = value.length;
10for(var i =0; i < value.length; i++){
11if(value.charCodeAt(i) >127){
12length++;
13}
14}
15return this.optional(element) || ( length >= param[0] && length <= param[1] ); 16},"请确保输入的值在3-15个字节之间(一个中文字算2个字节)");
17
18/* 追加自定义验证方法*/
19// 身份证号码验证
20jQuery.validator.addMethod("isIdCardNo", function(value, element) {
21return this.optional(element) || isIdCardNo(value);
22},"请正确输入您的身份证号码");
23
24// 字符验证
25jQuery.validator.addMethod("userName", function(value, element) {
26return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(value);
27},"用户名只能包括中文字、英文字母、数字和下划线");
28
29// 手机号码验证
30jQuery.validator.addMethod("isMobile", function(value, element) {
31var length = value.length;
32return this.optional(element) || (length ==11&& /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/.test(value));
33},"请正确填写您的手机号码");
34
35// 电话号码验证
36jQuery.validator.addMethod("isPhone", function(value, element) {
37var tel = /^(\d{3,4}-?)?\d{7,9}$/g;
38return this.optional(element) || (tel.test(value));
39},"请正确填写您的电话号码");
40
41// 邮政编码验证
42jQuery.validator.addMethod("isZipCode", function(value, element) {
43var tel = /^[0-9]{6}$/;
44return this.optional(element) || (tel.test(value)); 45},"请正确填写您的邮政编码");
46$(regFrom).validate({
47/* 设置验证规则*/
48rules: {
49userName: {
50required:true,
51userName:true,
52byteRangeLength: [3,15]
53},
54password: {
55required:true,
56minLength:5
57},
58repassword: {
59required:true,
60minLength:5,
61equalTo:"#password"
62},
63question: {
64required:true
65},
66answer: {
67required:true
68},
69realName: {
70required:true
71},
72cardNumber: {
73isIdCardNo:true
74},
75mobilePhone: {
76isMobile:true
77},
78phone: {
79isPhone:true
80},
81email: {
82required:true,
83email:true
84},
85zipCode: {
86isZipCode:true
87}
88},
89/* 设置错误信息*/
90messages: {
91userName: {
92required:"请填写用户名",
93byteRangeLength:"用户名必须在3-15个字符之间(一个中文字算2个字符)" 94},
95password: {
96required:"请填写密码",
97minlength: jQuery.format("输入{0}.")
98},
99repassword: {
100required:"请填写确认密码",
101equalTo:"两次密码输入不相同"
102},
103question: {
104required:"请填写您的密码提示问题"
105},
106answer: {
107required:"请填写您的密码提示答案"
108},
109realName: {
110required:"请填写您的真实姓名"
111},
112email: {
113required:"请输入一个Email地址",
114email:"请输入一个有效的Email地址"
115}
116},
117/* 错误信息的显示位置*/
118errorPlacement: function(error, element) {
119error.appendTo( element.parent() );
120},
121/* 验证通过时的处理*/
122success: function(label) {
123// set as text for IE
124label.html(" ").addClass("checked");
125},
126/* 获得焦点时不验证*/
127focusInvalid:false,
128onkeyup:false
129});
130
131// 输入框获得焦点时，样式设置
132$('input').focus(function(){
133if($(this).is(":text") || $(this).is(":password"))
134$(this).addClass('focus');
135if ($(this).hasClass('have_tooltip')) {
136$(this).parent().parent().removeClass('field_normal').addClass('field_focus');
137}
138});
139
140// 输入框失去焦点时，样式设置
141$('input').blur(function() {
142$(this).removeClass('focus');
143if ($(this).hasClass('have_tooltip')) {
144$(this).parent().parent().removeClass('field_focus').addClass('field_normal');
145}
146});
});
$(…#EditView?).validate({
event: “keyup”,
rules:{
name:{required:true},
cosa_commodity_group_list:{required:true}
},
submitHandler:function(){
$(“#group_list > option”).attr(“selected”,“selected”);
$(this).submit();
}
});
1.event是触发校验的方式，可选值有keyup(每次按键时)，blur(当控件失去焦点时)，不使用这个参数时就只在按提交按钮时触发
2.如果在提交前还需要进行一些自定义处理使用submitHandler参数，其它的都比较简单，自己看看API就成了.
3.debug，如果这个参数为true，那么表单不会提交，只进行检查，调试时十分方便.
4.rules，所有的检验规则都写在这个参数里面.
web项目前端开发经验总结 最近这一个月完成了自己的第一个java web项目，是给某杂志社做的在线投稿系统，虽然进度很慢，但是中间确实学到了不少东西，深刻体会到了自己看几个月书都不如做一个项目来的实在。这个项目自己主要负责的是JSP页面、JS脚本、CSS样式表的编写，虽然主要做的是前端，但是在设计前端后台交互功能时，对MVC架构和数据库又多了一分了解，这一个月的时间，自己在技术上也确实成长了不少。 下面分成几块总结一下自己的这个项目中的心得吧： 1.项目开发流程：从确认需求开始，到原型设计，再到原型测试，这些都没什么说的了，主要是刚开始开发前端JSP页面时，自己走了很多弯路，想到有什么页面就写什么页面，GET和POST的路径也是随心所欲，想到什么名字就起什么名字，结果发现这样做严重影响了项目开发的进度，后来经过主管的提点后，我幡然醒悟，其实，面向对象的思想就贯穿在整个项目当中，在前面的原型设计的过程中，除了页面的设计还有数据库的设计，数据库的每个表就对应着Java中的每个实体类，这个类封装了数据库中的列作为属性，封装了数据库的增删改查作为方法，就拿这个投稿系统为例，实体主要有用户、稿件等等，实体间还有着一对一映射或者一对多映射等对应关系。其实，整个系统的开发就是围绕着这些个实体进行的，甚至于我们可以把实体名字做为二级目录，把实体的增删改查作为GET或POST 的路径，譬如account/add、paper/delete等等，有了这些路径，那么与之对应的GET和POST的Controller也就有了，接下来我们要做的就是，定义Controller中返回的视图，写完Controller后再把与实体相关的增删改查方法写到服务层中，再把项目的整个骨架搭起来，再去处理细节，很快的，这个项目就成型了。这里前端和后台的配合尤为重要，数据交互是整个系统的核心。 2.JSP页面设计：提到JSP页面，在这里我想说的一点是，其实JSP页面是在服务器生成的，那么传给JSP页面的变量、参数都会在服务器转化为它们具体的值，然后再传给客户端。JSP页面可以实现很多服务器端的功能，因为可以直接在页面嵌入JAVA代码，但是我们必须明确的一点是，JSP页面主要是用来呈现视图的，不要再其中套入大量的代码，要明确前端与后台的分工。 3.JSTL标签：JSTL标签就是JSP standard taglib，即JSP标准标签库，首先，EL表达式可以非常方便的取出Controller返回的View包含的Model，甚至都无需声明EL 表达式。其次，JSTL标签可以实现很多的逻辑控制功能，比如最基本的c:if判断、c:forEach 循环，甚至有更强大的c:choose，有了这些，我们可以大大简化代码量，JSP页面中用几十行java写的代码，有时用几句JSTL标签组合就实现了，此外，像fmt:parseDate和 fmt:formatDate也是很好用的标签，用于日期的解析和格式化，此外JSTL更有强大的函数标签库fn:，项目中我也只用到了fn:length取后台传的list的长度。要善用JSTL标签，但是又不要完全依赖于它，JSTL标签很方便、快捷，但是切记，JSTL功能有限，不要完全依赖于它。 4.shiro框架：shiro框架是apache的一款面向java web项目的权限控制框架，这个框架无论前端、后台都十分好用，在前端，我们可以使用shiro强大的标签库，通过用户角色赋予用户不同的访问权限。譬如，如果一个系统的用户有访客、用户、管理员三种角色，我们就可以通过shiro标签来控制游客不能访问哪些内容，页面向用户和管理员呈现的不同内容，这就是shiro标签的神奇之处。 5.sitemesh框架：这个主要是用来将所有页面套用固定格式，用以页面的复用，其实有些时候标签更为方便，而且sitemesh框架的内存开销是的二倍，还会导致拦截器出现一些莫名的bug，所以并不推荐使用。
.486 CRLF MACRO MOV AH,0EH MOV AL,0DH INT 10H MOV AL,0AH INT 10H ENDM OUTX MACRO X MOV AH,09H MOV DX,OFFSET X INT 21H ENDM DA TAS SEGMENT USE16 BUF1 DB 'B08010530' BUF2 DB '11111' IN1 DB 20 DUP(?) IN2 DB 20 DUP(?) OUT1 DB 'please enter the username and the password:','$' OUT2 DB 'USERNAME:','$' OUT3 DB 'PASSWORD:','$' OUT4 DB '*','$' OUT5 DB 'ERROR!','$' OUT6 DB '----------WELCOME----------','$' ;此处输入数据段代码 DA TAS ENDS CODE SEGMENT USE16 ASSUME CS:CODE,DS:DA TAS,ES:DA TAS START:MOV AX,DATAS MOV DS,AX MOV ES,AX OUTX OUT1 CRLF OUTX OUT2 MOV BX,OFFSET IN1 MOV CX,20 LAST1:MOV AH,01H INT 21H MOV BYTE PTR [BX],AL CMP AL,0DH JZ JUMP1
INC BX LOOP LAST1 JUMP1: CRLF OUTX OUT3 MOV BX,OFFSET IN2 MOV CX,20 LAST2:MOV AH,07H INT 21H MOV BYTE PTR [BX],AL CMP AL,0DH JZ JUMP2 INC BX OUTX OUT4 LOOP LAST2 JUMP2: CRLF CMP1: MOV SI,OFFSET IN1 MOV DI,OFFSET BUF1 MOV CX,9 CLD REPE CMPSB JZ CMP2 OUTX OUT5 JMP EXIT CMP2:MOV SI,OFFSET IN2 MOV DI,OFFSET BUF2 MOV CX,5 CLD REPE CMPSB JZ SUCCESS OUTX OUT5 JMP EXIT SUCCESS: OUTX OUT6 EXIT: MOV AH,4CH INT 21H CODE ENDS END START
求职意向：web前端工程师 工作经验 学历：本科计算机科学与技术 。 IT技能 熟练掌握以下技能： ●HTML5、CSS3以及flex弹性盒布局、响应式布局和自适应布局等页面布局； ●ECMAScript5、DOM操作文档、BOM操作浏览器和JSON数据格式，能够较好地理解闭包、作用域链、 构造函数、原型对象以及原型链等; ●ECMAScript6的基础内容如模板字符串、箭头函数、解构赋值、Promise、扩展运算符、class类等; ●前后端的交互方式，如jQuery的ajax方法，jsonp跨域，基于Promise的axios，以及正在不断获得浏览 器支持的fetch方法; ●基于jQuery框架的网页效果如tab切换、轮播图等，以及表单验证和cookie等插件，还有bootstrap响 应式框架和jquery easyUI框架; ●前端开发工具sublime、vscode、webstorm等，postman测试http请求，web服务器软件WAMP，前 端自动化构建工具gulp、webpack等，代码版本管理工具git和git客户端管理工具sourceTree ; ●Vue、vue-router、vuex状态管理和基于vue 的界面框架iview的使用; ●React、react-router、react-redux状态管理和基于react 的UI 框架（antd）的使用; 并了解以下内容： ●PHP+MySQL的基础，能做一些简单的数据接口，也可以用json-server模拟后台接口，以及faker模块创
4.使用iview 的Page 控件的页面改变方法，获取当前的页码，并且发送axios 请求获取相应数据，实现用户列表的分页。。 5.使用webpack 实现对模块打包、压缩； 负责模块：用户的登录注册、增删改查，分页功能的实现； 项目二：电器商城网站 项目描述:本项目是一个电器商场网站，致力于为用户提供更好的生活体验。 项目技术： 1.通react框架和bootstrap框架布局网页的基本结构； 2react-router的NavLink实现首页、登录、注册、详情页等页面的跳转； 3.使用jquery的validate插件实现对表单的验证； 4.swiper的Autoplay组件实现轮播图效果,以及tab切换，详情页的放大镜效果； 5.React组件挂载过后使用fetch方法实现图片的动态加载和数据更新； 6.使用route的params传递产品编号，然后跳转到相应的详情页； 7.使用webpack进行模块的打包和压缩； 负责模块：首页，用户的登录注册，详情页。 项目三：内容管理系统 项目描述: NodeJS+Mongodb+Express+jquery EasyUI做的内容管理系统 项目技术： 1.express开发框架快速搭建开发环境，使用express的路由进行页面的切换。 2.采用mvc设计模式，即model-view-controller模式； 3.使用基于分布式文件存储的MongoDB数据库，接口测试和http请求的psotman工具；
连接数据库验证用户登录信息 procedure TForm1.Image4Click(Sender: TObject);varADOQuery1: TADOQuery; begin{数据库操作：判断用户和密码是否正确}if (edit1.Text<>'') and (edit2.Text<>'') then //第一种情况：用户输入了用户名和密码 beginChDir(ExtractFilePath(Application.ExeName)); //转到当前EXE文件所在目录ChDir('..');//转到上级目录ExeRoot := GetCurrentDir; //获取当前目录.并存放于ExeRoot中DataFile := GetCurrentDir+'\Data\dzyv1.mdb' ; //取得数据库文件dzyv1.mdb的路径ADOQuery1:= TADOQuery.Create(self); //动态创建ADOQuery组件ADOQuery1.ConnectionString := 'Provider=Microsoft.Jet.OLEDB.4.0;Data Source='+DataFile+';Persist Security Info=False;';ADOQuery1.SQL.Clear;ADOQuery1.SQL.Add('se lect * from t_user where user_name="'+edit1.Text+'" and user_pass="'+edit2.Text+'" ');ADOQuery1.Open;if ADOQuery1.Eof then //数据集为空，即eof为true begin LogTimes := LogTimes+1; if messagebox(handle,'
JavaWeb试题 一．单项选择（共20题，每题2分） 1.HTML的全称是什么( A ) A.HyperText Markup Language B.HyperTest Market Language C.HighTest Markup Language D.HyperText Market Language 2.以下选项中属于行内标签的是（A ） A、 span B、 p C、div D、hr 3.以下说法正确的是（ C） A、background-color:设置文字颜色 B、back-corlor设置背景色 C、 background-color：设置背景色 D、 color：设置背景色 4.下列哪一项是CSS 正确的语法（C ） A、 body: color=black B、 {body: color:black} C、 body{color:black} D、 {body:color=black} 5.Http协议的状态码（D）表示文件没有找到
A、200 B、400 C、 500 D、 404 6.Tomcat的端口号可以在(A )文件中修改 A. server.xml B. web.xml C. tomcat.xml D. 不能改 7.在一个表单里，想要用jquery找到指定元素的第一个元素用 ( )实现，第二个元素用( A)实现。 A、first,eq(1) B、first,equ(0) C、first,eq(0) D、fir,eq(1) 8.当一个Servlet首次被请求的时候,服务器首先会调用( D )方法 A、 doGet B、 doPost C、 doInit D、 init 9.在J2EE中，重定向到另一个页面，以下（C）语句是正确的 A、 request . sendRedirect(“http :// www . svse . com . cn”); B、 request . sendRedirect(); C、 response . sendRedirect(“http: // www . svse . com . cn”); D、 response .sendRedirect(); 10.在Servlet中，response.getWriter()返回的是( B ) A、 JspWriter对象 B、 PrintWriter对象 C、 Out对象 D、 ResponseWriter对象 11.Login.jsp为登录页面，表单代码如下：
2、将规则下载初始化js中 $().ready(function() { $("#signupForm").validate({ rules: { firstname: "required", email: { required: true, email: true }, password: { required: true, minlength: 5 }, confirm_password: { required: true, minlength: 5, equalTo: "#password" } }, messages: { firstname: "请输入姓名", email: {1、静态Web和动态Web的区别？ 静态Web与动态Web最本质的区别是静态Web是无法进行数据库操作，而动态Web是可以进行数据库操作的。 动态Web的最大特点就是具有交互性，所谓交互性就是服务器端会自动根据用户请求的不同而显示不同的结果。 2、说一说你了解的动态Web技术有哪些？ CGI、PHP、ASP、https://www.doczj.com/doc/0110066141.html, JSP 3、什么是Servlet？ Servlet是运行于服务器端的，按照其自身规范编写的Java应用程序。 1、Servlet是用Java语言编写的，它是一个Java类。因而Servelet遵守所有Java语 言的语法规则，并且它可以调用一般Java程序可以调用的JDK类库。 2、Servlet是在服务器端运行的。它编译后的".class"文件被服务器端调用和执行。 Web服务器使用该class文件去处理浏览器请求，并将处理的结果返回到客户端。 3、由于Servlet特殊的应用特点，它有自身特殊的规则。一般来说，它必须调用Java Servlet API，必须是对特定类或接口的继承和实现。并且，它必须重写特定的方法去处理客户端请求。 4、Servlet的主要功能有哪些？ Servlet的主要功能是用来接受、处理客户端请求，并把处理结果返回到客户端显示。 其过程如下： 1、客户端把请求送到Servlet处理 2、Servlet处理请求。这时Servlet相应的方法被Web服务器调用去处理请求。这个 过程中，Servlet可以和服务器端的其他资源（文件、数据库等）交互。 3、Servlet把请求的结果返回。在这个过程中，Servlet返回的并不仅仅是数据结果， 而是整个HTML文件。 5、Servet的生命周期？ 生命周期包括加载(创建）程序、初始化、服务、终止(销毁)、卸载5个部分。 6、谈一谈请求转发和重定向的区别？ 7、什么是HTTP协议？ HTTP（Hypertext Transfer Protocol）中文“超文本传输协议”，是一种为分布式，合作式，多媒体信息系统服务，面向应用层的协议，是Internet上目前使用最广泛的应用层协议，它基于传输层的TCP协议进行通信，HTTP协议是通用的、无状态的协议。 8、HTTP协议的主要特点有哪些？ 遵循请求/响应模型、无连接、无状态、简单快速、灵活 9、HTTP协议请求由哪几部分组成？ 请求行、消息报头、请求正文 10、HTTP协议响应由哪几部分组成？ 状态行、消息报头、响应正文 11、HTTP协议中请求方法的GET和POST的区别？
7 实现用户登录 >>>1 创建登录表单 登录表单的HTML代码如下：