实例如下所示: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...