JavaScript资料,JavaScript文章,JavaScript文档-易库教程

Bootstrap开关（switch）控件学习笔记分享

2017年02月06日 9 阅读

bootstrap-switch插件是一个针对Bootstrap实现的开关（switch）按钮控件，可以支持尺寸、颜色等属性的自定义。开关式按钮在国内网站上使用的并不是很多，Bootstrap 的应用在国外非常流行，不知道是我们不喜欢还是使用它很麻烦很难适合网站来使用。但这种开头式按钮在手机等移动设备上的应用是最广泛的，屏幕的特性促使它更好的发展。功能说明：介绍chekbox与radio的两个表单的简单使用，其他更多的效果与功能可以浏览demo，点击按钮以...

使用JQuery 加载页面时调用JS的实现方法

2017年02月06日 9 阅读

1,window.onload = function（） {};2,$（document）.ready（function（） {}）;一、一般的加载页面时调用js方法如下：window.onload = function（） {$（"table tr:nth-child（even）"）.addClass（"even"）; //这个是jquery代码}; 这段代码会在整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree...

实用又漂亮的BootstrapValidator表单验证插件

2017年02月06日 9 阅读

jquery获取form表单input元素值的简单实例

2017年02月06日 9 阅读

一般取值方法$（"#id"）.val（）;$（"#id"）.attr（"value"）;//其中value是元素的属性名如<s:textfield id="cifName" key="cifName" name="#request.consBean.cifName" />的id,key,name属性。取到的值是属性后对应双引号里面的字符。function saveConsumerValidate（）{ var cifNo =$（"#cifNo"...

基于Bootstrap+jQuery.validate实现表单验证

2017年02月06日 9 阅读

这大概是一种惯例，学习前台后台最开始接触的业务都是用户注册和登录。现在社会坚持以人为本的理念，在网站开发过程同样如此。User是我们面对较多的对象，也是较核心的对象。最开始的用户注册和登陆这块，也就尤为重要。用户注册和登录其实往往比我们想象的难。就比如表单校验，里面涵盖的内容其实挺多，就前台而言，你需要了解：1.正则表达式的基本了解其实正则并不难，并且在学会后能带给你极大的成就感，享受那种事半功倍的效果吧。2.ajax异步请求在验证用户名是否存在、用户登录...

用AngularJs验证表单实例详解

2017年02月06日 9 阅读

常用的表单验证指令1. 必填项验证某个表单输入是否已填写，只要在输入字段元素上添加HTML5标记required即可：复制代码代码如下:<input type="text" required /> 2. 最小长度验证表单输入的文本长度是否大于某个最小值，在输入字段上使用指令ng-minleng= "{number}"：复制代码代码如下:<input type="text" ng-minlength="5" /> 3. 最大长度验...

JS组件Bootstrap Select2使用方法解析

2017年02月06日 10 阅读

本文总结了组件Bootstrap Select2在一些实际项目中的用法，分享给大家，有需要的朋友可以借鉴一下，少走些弯路，具体内容如下效果图：无论是固定方式获取数据还是ajax获取都需要引入bootstrap.js/css 和 select2.js/css及：{{ stylesheet_link（"css/bootstrap.css"） }}{{ stylesheet_link（"css/select2.min.css"） }} {{ stylesheet...

AngularJs实现分页功能不带省略号的代码

2017年02月06日 9 阅读

angularJs 的分页重点体现在对过滤器的使用。这个过滤器也并不复杂。首先上 html 代码：<！DOCTYPE html><html ng-app="demoApp"><head><meta charset="utf-"><meta name="viewport" content="width=device-width"><title>demo</title>&l...

基于Angularjs实现分页功能

2017年02月06日 10 阅读

前言学习任何一门语言前肯定是有业务需求来驱动你去学习它，当然ng也不例外，在学习ng前我第一个想做的demo就是基于ng实现分页，除去基本的计算思路外就是使用指令封装成一个插件，在需要分页的列表页面内直接引用。插件在封装分页插件时我实现了几种方式总体都比较零散，最后找到了一个朋友（http://www.miaoyueyue.com/archives/813.html）封装的插件，觉还不错，读了下他的源码就直接在项目中使用了。原理和使用说明1、插件源码主要基...

基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码

2017年02月06日 9 阅读

Angular JS （Angular.JS）是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。AngularJs 就是一个函数库，算不上一个框架，源码2万2千多行，提供了前端MVC的开发方式，有双向绑定，指令等特性，这是具有革命性的。我是多么反感jQuery 用选择器选择元素，绑定事件，进行一大堆DOM操作，一旦代码过多，非常不好维护，html结构改变，又要重写js代码...

JavaScript常用判断写法大全（推荐）

2017年02月06日 10 阅读

js验证表单大全,用JS控制表单提交，具体内容如下所示：1. 长度限制<script>function test（） {if（document.a.b.value.length>50）{alert（"不能超过50个字符！"）;document.a.b.focus（）;return false;}}</script><form name=a onsubmit="return test（）"><textarea ...

BootStrap下jQuery自动完成的样式调整

2017年02月06日 10 阅读

1. 覆盖层调整在bootstrap的对话框中，当其中的输入项使用了自动完成控件，则其中下拉框中的内容就会被bootstrap对话框的覆盖层遮盖。为了能够使后面的自动完成的层显示出来，可以使用如下的样式定义：ul.ui-autocomplete{z-index: 9999;}2. 自动完成选择项滚动当有很多项选择时，自动完成的下拉就会显示很长的列表。为了能够更好地显示那么多的选项，希望能够有一个滚动选择的功能。ul.ui-autocomplete{z-in...

基于Bootstrap里面的Button dropdown打造自定义select

2017年02月06日 9 阅读

最近工作非常的忙，在对一个系统进行改版。项目后台是MVC1.0开发的，但是前端部分已经改过几个版本，而已之前的设计师很强大，又做设计又做前端开发。而已很时尚和前沿，使用了一直都很热门的Bootstrap工具包，有很多把它定义为Web前端CSS框架。说实话，之前只知道它是Twitter公司出品，界面做的比较好看。但是没有在实际项目中使用，之前公司新来的同事会这个，准备在公司官网项目中使用，因为我不会，而已Leader对这个也不感冒，所以就没有用。而已她说配合...

Bootstrap+jfinal实现省市级联下拉菜单

2017年02月06日 9 阅读

小小一个省市级关联菜单，却耗费了一个很多时间来摸索，原因在于对jquery不熟练，既然这么辛苦完成了一个组件，自然想要共享出来，让需要的人使用。这只是一个基础版，后续还要再进行优化。代码：省市级关联菜单下载地址说明：sql语句就不再说了，里面有“city.sql”、“provincial.sql”两个文件。1、先说说获取数据public void initProcitys（） { logger.info（"获取所在地区"）; List<Provinc...

Bootstrap+jfinal退出系统弹出确认框的实现方法

2017年02月06日 9 阅读

本文为大家分享了jfinal与bootstrap的登出操作，旨在介绍如何通过a标签弹出登出确认框，然后发送退出请求到jfinal，然后再刷新页面的做法。主要难点在于有以下两点：1.如果通过a标签的内容弹出登出确认框；2.如何通过a标签刷新对应弹出的页面。一、前端技术1.构建a标签复制代码代码如下:<a href="${ctx}/mem/logout" target="ajaxTodo" callback="ajaxDone" atitle="你确定...

Bootstrap编写导航栏和登陆框

2017年02月06日 9 阅读

本文实例为大家分享了Bootstrap导航栏和登陆框的具体代码，供大家参考，有不足的地方请大家谅解，大家共同学习进步。<！DOCTYPE html><html><head><meta charset="utf-8"><title></title><link rel="stylesheet" href="css/bootstrap.min.css" /><script ...

JavaScript编写带旋转+线条干扰的验证码脚本实例

2017年02月06日 9 阅读

基础版从我们平时上网的经验来看,验证码一般是四位,由数字和字母组成。那么接下来楼主将带领大家一步步用JavaScript做出一个验证码脚本！先给出成品，方便大家理解：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"> <style>#securityCode{background-color: #008000;width:70px...

基于Bootstrap实现tab标签切换效果

2017年02月06日 10 阅读

本文实例为大家分享了Bootstrap实现tab标签切换效果的具体代码，供大家参考，具体内容如下<！DOCTYPE html><html><head><meta charset="utf-8"><title></title><link rel="stylesheet" href="css/bootstrap.min.css" /><script type="text/...

拥Bootstrap入怀——导航栏篇

2017年02月06日 9 阅读

写在前面在该文中，我结合自己做的一个山水网页来聊一下Bootstrap的使用，网页截图如下：完整网页的效果和代码可以点击这里查看或者到CodePen上查看。网页要达到的主要效果包括以下几点：1、导航栏的登陆、注册按钮点击后弹出登陆、注册modal框，并且登陆、注册窗口可切换，菜单栏为响应式2、导航栏中的山水选项可下拉，点击下拉中的九寨沟``丽江``水帘洞会定位到相应的tab3、幻灯片大屏轮播4、tab页点击切换下面我们开始拥Bootstrap入怀。Boot...

js小数计算小数点后显示多位小数的实现方法

2017年02月06日 9 阅读

首先写一个demo 重现问题，我使用的是一个js在线测试环境[打开]改写displaynum（）函数function displaynum（）{var num = 22.77;alert（num + 10）;}点击Show按钮结果显示32.769999999996 出现了N多小数.也并不是所有数字都会出现这种现象, 除了 22.99 2.777 , 好像这几个数字也没什么特殊.查了一些资料, 一是JS浮点数计算的bug, 另一个是和计算机最终转换成二进制...

首页 / 脚本样式 / JavaScript

Bootstrap开关（switch）控件学习笔记分享

使用JQuery 加载页面时调用JS的实现方法

实用又漂亮的BootstrapValidator表单验证插件

jquery获取form表单input元素值的简单实例

基于Bootstrap+jQuery.validate实现表单验证

用AngularJs验证表单实例详解

JS组件Bootstrap Select2使用方法解析

AngularJs实现分页功能不带省略号的代码

基于Angularjs实现分页功能

基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码

JavaScript常用判断写法大全（推荐）

BootStrap下jQuery自动完成的样式调整

基于Bootstrap里面的Button dropdown打造自定义select

Bootstrap+jfinal实现省市级联下拉菜单

Bootstrap+jfinal退出系统弹出确认框的实现方法

Bootstrap编写导航栏和登陆框

JavaScript编写带旋转+线条干扰的验证码脚本实例

基于Bootstrap实现tab标签切换效果

拥Bootstrap入怀——导航栏篇

js小数计算小数点后显示多位小数的实现方法