实例如下所示：var sno = $(#sno).val();var sname = $(#sname).val();if((sno.indexOf(" ") >= 0 || sno == null) || (sname.indexOf(" ") >= 0 || sname == null)){alert(学号和名称不能为空格或null值);return;}else{}以上这篇js判断输入框不能为空格或null值的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
当你输入一个url时，这个url可能对应服务器上的一个资源（文件）也可能对应一个目录。 So服务器会对这个url进行分析，针对不同的情况做不同的事。 如果这个url对应的是一个文件，那么服务器就会返回这个文件。 如果这个url对应的是一个文件夹，那么服务器会返回这个文件夹下包含的所有子文件/子文件夹的列表。 以上，就是一个静态服务器所主要干的事。 但真实的情况不会像这么简单， 我们所拿到的url可能是错误的，它所对应的文件或...
今天在上慕课老师fishenal的vue实战课程的时候，有一个轮播图组件实现，在跟着做的时候，自己也踩了一些坑。此外，在原课程案例的基础上，我加入了不同方向的滑动功能。 本文章采用Vue结合Css3来实现轮播图。 首先要了解的是Vue的动画原理。在vue中，如果我们要给元素设置动画效果，则需要使用一个<transition name="targetClassName"></transition>将相应的元素包裹住，如下： <transition name="imgShouldMove"> <img v-if="shou...
组件被包在一个高度固定的div mounted () {var boDiv = document.getElementById(this.id);if(boDiv == undefined){return;}var isFirefox=navigator.userAgent.indexOf("Firefox") if(isFirefox>0){ boDiv.addEventListener(DOMMouseScroll, function(event) { //火狐var evt = window.event || arguments[0]if (evt.detail <= -3) { boDiv.scrollTop=boDiv.scrollTop-10} else if (evt.detail >= 3) {boDiv.scrollTop=boDiv.scro...
应用场景：在进行多选的时候一般默认显示第一个。 实现方法：纯vue实现 例子： <span v-for="(one,index) in site"><input type="checkbox" :checked="index == 0" style="vertical-align: middle;"><label>{{one.name}}</label></span>//:checked="index == 0"为索引为0的，即为第一个复选框添加属性。 拓展：默认被选中的复选框，只需要index指定即可。 以上这篇基于vue v-for 循环复选框-默认勾选第一个的实现方法就是小编分享给...
最近一直在看vue，查了很多资料，看了很多文档和博客，大概半知半解了，然后利用所理解的知识写了一个简单的搜索匹配功能。 大概长这个样子：数据都是假的 代码部分 （注意我引用的是本地vue.min.js文件，请注意文件路径。） <!DOCTYPE html> <html><head><meta charset="utf-8"><title>Vue测试2</title><script type="text/javascript" src="vue.min.js"></script><style type="text/css">*{padding: 0;margin: 0;font-size: 14px...
效果如下，dialog中内容自行添加<template><div><div class="dialog-wrap"><div class="dialog-cover" v-if="isShow" @click="closeMyself"></div><transition name="drop"><div class="dialog-content" v-if="isShow"><p class="dialog-close" @click="closeMyself">x</p><slot>empty</slot></div></transition></div></div> </template> 接收父组件传参isShow，并返回一个自定义事件on-close <script>export default {props: {is...
UEditor官网说不提供单图片的跨域，所以只能自己解决。查了网上的很多方案，但是没看到和vue一起用的，不过倒是获得了一些思路。本着不想改太多源代码的基础上尝试着...一不小心就可以用了 解决方案：上传单图片的时后端不直接返回JSON，而是重定向到前端页面 前端：VUE 后端：WAMP + ThinkPHP5.0 前端 http://localhost:8888 1、去官网下载UEditor到vue中，打开ueditor.config.js配置服务器路径(本地域名可以去hosts文件中添加)，...
例子： <template><div class="finish-wrap"><div class="finish-header"><div class="finish-img"></div></div><div class="finish-tip">支付成功</div><div class="finish-footer"><router-link to="/">学车所需资料</router-link><span><router-link to="/">学车考照流程</router-link></span></div></div> </template>1.如果直接在css中设置body的background-color，会导致其他页面的背景色响应改变，所以不可取； 2.如上面例子...
由于工作需求，想实现一个多级联动选择器，但是网上现有的联动选择器都不是我想要的，我参照基于vue2.0的element-ui中的Cascader级联选择器的样式实现了复合自己要求的多级联动选择器，原理很简单，不多说，直接上代码。。。 <template><div id="app"><div class="select"><div class="input_text"><input type="text" name="" v-on:focus="options1Show" v-model="result"></div><div class="options1" v-show="options1isShow"><...
我就废话不多说，直接上代码吧！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="app"> <div style="padding-left: 20px"> <ul style="margin-bottom: 20px"> <li v-for="(item, index) in proData"> <input type="checkbox" :value="index" v-model="selectArr">{{item.name}} </li> </ul> <label> <input type="checkbox" @click="selectAll" :checked="ch...
在本身的项目中需要动态请求后端图片 一般需要在created中写因为beforeCreate的时候图片过不来的，如果想在这时候请求数据那么图片的地址我们就要存在一个地方。可以是本地也可以是vuex中 静态图片想要动态的添加或者改变我们需要改变图片的目录结构 把图片放在static中然后 imgUrl : [/static/clinical.png,/static/nursing.png,/static/function.png,/static/test.png,/static/drug.png,/static/admin.png] 绝对路径请求 以上这篇...
在vue中已经不像jq那样直接操作dom了，如果要指向当前选中项时，就不能再用jq的思路来做了，方法如下：当指向一个状态的时候，只让指向的状态隐藏，其他项不变，如果项目中用了element-ui，那么操作起来会比较简单一些，这样设置： v-if="(row.id == currentId&&row.auditState==0)?checkState:!checkState" @mouseover="statehidden(row.id)"js中： statehidden(id){this.currentId=id; },这种方法的思路是：鼠标指向某一项时，获...
本文实例讲述了JS运动特效之同时运动实现方法。分享给大家供大家参考，具体如下： 接着上一篇 《JS运动特效之链式运动》继续折腾 上一篇中我们的运动框架，可以完美的实现让一个物体先变宽，在变高，在变透明度.....,看似很完美了！ 貌似可以喝喝茶看看美女了。但是老板突然说，让你同时改变一个物体的宽高和透明度，心碎了一地！！！ 拿过之前的运动框架发现，无法实现让div同时又变宽，又变高，有变透明度！！最后无能为力，只好...
假设当前显示的是1，往左滑动一个递减1，往右滑动一个递增1 body下面添加如下代码 <div class="swiper-container temp"><div class="swiper-wrapper"><div class="swiper-slide">1</div><div class="swiper-slide">2</div><div class="swiper-slide">3</div></div> </div>引用swiper的css和js脚本(当前使用的是4.x以上版本) 添加js脚本 var now_ActiveIndex=2;//,//当前所在下标 var tempSwiper = new Swiper(.swiper-container.te...