吴俊斌
使用JQuery完成下拉列表左右选择
首先导入jq路径,在创建script标签,在标签中先定义一个页面加载事件.
1,先创建两个开关.
开关一(一次用移动一个) ,找到开关对象给他加个鼠标点击事件(click),方法里,通过选择器确定鼠标选择的对象.在使用appendTo的方法将文件添加到对应的位置.
开关二.同理,不过这次不是确定鼠标选择的对象是把所有的当前列表的所有对象选中,在添加
2,双击文件能实现左右移动
一样先找到当前对象所在的列表对象加上一个双击事件,在方法里找到当前对象的选择属性.在使用appendTo添加奥对应的位置
使用JQuery完成表单校验
首先导入jq路径,在创建script标签,在标签中先定义一个页面加载事件.
1,先在必填选择框后加上*标识
先用选择器找到所有的必选框的父类parent(),直接用append的方法添加标识(不懂为啥视频要一个一个遍历,直接添加就行了)
2.进行表单效验并且给出提示
同样要找到所有要效验的文本框加上一个失去焦点事件(blur), 进来先清空提示文本框的内容,接着判断当前是哪个文本框(用选择器找到所有的必选框用is()判断是哪个),再校验就可以了.错误的添加一个样式 正确的另一个样式.在最后还可以通过链式编程在后面添加键盘抬起等等事件,方法里在调用一遍表单效验就行了(可以使用triggerHandler)
3,提交表格效验
可以通过判断错误样式的长度是否大于0来判断是否有错误,考虑到一个也没添加也可以提交,我们在刚开始要使用trigger()把效验的方法全都实现一遍,提高健壮性
|
