过滤input输入框中的https://或者http://

你可以使用JavaScript中的正则表达式来过滤输入框中的`https://`或者`http://`，例如： ```javascript var input = document.getElementById('inputBox'); // 获取输入框元素 input.addEventListener('input', function() { // 监听输入框内容变化事件 var value = this.value; value = value.replace(/(https?:\/\/)/gi, ''); // 使用正则表达式替换掉输入框中的https://或http:// this.value = value; // 将过滤后的内容重新赋值给输入框 }); ``` 这样，用户在输入框中输入带有`https://`或`http://`的内容时，这些字符会被自动过滤掉。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>通过属性查询地图服务中的信息</title> <link rel="stylesheet" href="https://js.arcgis.com/3.39/esri/css/esri.css">  <link rel="stylesheet" href="https://js.arcgis.com/3.40/esri/themes/calcite/dijit/calcite.css"> <script src="https://js.arcgis.com/3.41/"></script> <script> require(["esri/map", //加载地图组件 "dojo/dom", "dojo/on", "esri/InfoTemplate", "esri/graphic", "esri/geometry/Point",//加载点对象组件 "esri/symbols/SimpleMarkerSymbol", "esri/geometry/Extent",//加载范围组件 "esri/layers/FeatureLayer", //加载FeatureLayer地图组件 // "esri/dijit/FeatureTable", "esri/layers/WebTiledLayer", //加载切片地图组件 "esri/layers/ArcGISDynamicMapServiceLayer",//加载动态地图组件 "esri/symbols/SimpleFillSymbol", "esri/renderers/UniqueValueRenderer", "esri/tasks/query", "esri/tasks/QueryTask", "esri/Color", "dojo/domReady!" ], function (Map, dom, on, InfoTemplate, Graphic, Point, SimpleMarkerSymbol,Extent, FeatureLayer, WebTiledLayer, ArcGISDynamicMapServiceLayer, SimpleFillSymbol, UniqueValueRenderer, Query, QueryTask, Color, GeoJsonLayer) { //初始化地图容器 // map = new Map("map", { logo: false, slider: false }, {zoom: 8}); map = new Map("map", { center: [109.33789 , 29.57985], basemap: "satellite", zoom: 10, sliderStyle: "small", logo: false }); // 创建底图 var basemap = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer"); map.addLayer(basemap,0); // 创建动态图层 var dynamicLayer = new ArcGISDynamicMapServiceLayer("http://116.62.63.94:6080/arcgis/rest/services/sanhuxiangtest/MapServer"); map.addLayer(dynamicLayer,99); }) </script> </head> <body class="tundra"> <div id="map" style="width:900px; height:580px; border:1px solid #000;"></div> 类别名称:<input class="nm" type="text"> </body> </html>

这段代码是一个简单的HTML页面，用于通过属性查询地图服务中的信息。以下是代码的主要部分： 1. 引入必要的CSS和JavaScript库：代码中使用了ArcGIS API for JavaScript的版本3.41，并引入了其他必要的库文件。 2. 初始化地图：使用`new Map("map", options)`创建一个地图容器，其中`options`包含了地图的一些设置，例如中心点、底图、缩放级别等。 3. 创建底图和动态图层：使用`new ArcGISTiledMapServiceLayer(url)`创建一个底图，以及使用`new ArcGISDynamicMapServiceLayer(url)`创建一个动态图层。这些图层可以通过URL指定，以加载地图数据。 4. 将图层添加到地图上：使用`map.addLayer(layer, index)`方法将底图和动态图层添加到地图上。`index`参数可选，用于指定图层的显示顺序。在页面中还有一个输入框，用于输入类别名称。您可以在页面加载完成后，通过属性查询来过滤地图服务中的信息。请注意，该代码使用的是ArcGIS API for JavaScript版本3.x，而不是最新版本的4.x。如果您要使用最新版本的API，请相应地修改代码。另外，确保替换URL和其他参数以适应您自己的地图服务和需求。

12345678910111213144、过滤el-input输入框中的特殊符号

在Vue.js中，你可以使用`v-model.lazy`配合自定义指令或者计算属性来过滤`el-input`输入框中的特殊符号。这里是一个简单的例子： ```html <template> <el-input v-model.lazy="filteredValue" placeholder="请输入内容"></el-input> </template> <script> export default { data() { return { inputValue: '', filteredValue: '' }; }, methods: { filterSpecialSymbols(input) { // 使用正则表达式移除非数字和字母字符 const regex = /^[a-zA-Z0-9]*$/; return input.replace(regex, ''); } }, watch: { inputValue(newInput) { this.filteredValue = this.filterSpecialSymbols(newInput); } } }; </script> ``` 在这个例子中，当你在`el-input`中输入包含特殊符号的内容时，`filterSpecialSymbols`方法会实时处理并只保留纯数字和字母。`v-model.lazy`会在用户停止键入或失去焦点时才会更新`filteredValue`，这样可以减少不必要的计算。

阅读全文

过滤input输入框中的https://或者http://

12345678910111213144、过滤el-input输入框中的特殊符号

相关推荐

HTTP过滤

带输入框的下拉列表 select 输入框 过滤

过滤含html标签的字符串

layui 输入筛选选择 插件 基于https://layui.tool.hi.cn/extend/selectInput/in

input输入框的几种js

vue实现Input输入框模糊查询方法

javascritp实现input输入框相关限制用法

jquery输入框提示插件input输入框文字下拉提示添加标签代码

加上input输入框搜索

element-ui input 输入框中 如何输入出现内容建议 简便写法

如何在Vue中实现input输入框的过滤功能，以便只允许用户输入数字并且排除无实际意义的零（如0开头的0或者全零）？

vue2中el-input输入框加上记忆搜索

如何将外部数据表单中的按钮绑定到input输入框，并设置筛选条件以实现动态数据过滤？

html输入框模糊查询,vue input输入框模糊查询的示例代码

设置el-input输入框只能输入数字

element ui input 输入框限制输入小数位数

大家在看

伺服环修正参数-Power PMAC

微软--项目管理软件质量控制实践篇（一）（二）（三）

robotstudio sdk二次开发 自定义组件 Logger输出和加法器（C＃代码和学习笔记）

chfenger-Waverider-master0_乘波体_

宽带信号下阻抗失配引起的群时延变化的一种计算方法 (2015年)

最新推荐

jquery实现input输入框实时输入触发事件代码

降低成本的oracle11g内网安装依赖-pdksh-5.2.14-1.i386.rpm下载

管理建模和仿真的文件

云计算术语全面掌握：从1+X样卷A卷中提炼精华

. 索读取⼀幅图像，让该图像拼接⾃身图像，分别⽤⽔ 平和垂直 2 种。要求运⾏结果弹窗以⾃⼰的名字全拼命名。

Java基础实验教程Lab1解析

"互动学习：行动中的多样性与论文攻读经历"

【OPC UA基础教程】：C#实现与汇川PLC通讯的必备指南

华三路由器acl4000允许源mac地址

前端开发基础三部曲：HTML、CSS、JavaScript实例教程

带输入框的下拉列表 select 输入框过滤

layui 输入筛选选择插件基于https://layui.tool.hi.cn/extend/selectInput/in

element-ui input 输入框中如何输入出现内容建议简便写法

robotstudio sdk二次开发自定义组件 Logger输出和加法器（C＃代码和学习笔记）

. 索读取⼀幅图像，让该图像拼接⾃身图像，分别⽤⽔平和垂直 2 种。要求运⾏结果弹窗以⾃⼰的名字全拼命名。