`

对应html 标签进行监听

    博客分类:
  • JS
 
阅读更多

当需要对html标签如input等进行实时监听时,可以使用

document.getElementById('longitude').addEventListener('input', companycodeChange, true)实时监听,其中companycodeChange方法为:

  function companycodeChange(){

        if(/[A-Z0-9]{8}-[A-Z0-9]/.test($(this).val())){  

        $scope.validForm();

            }else{

            $('#but2').attr("disabled",true);

            }  

        };

正则表达式的验证为pattetn.test(),即用test方法。

分享到:
评论

相关推荐

    HTML标签解释大全

    ### HTML标签解释大全 #### 一、HTML标记 在HTML中,标记(也称为标签)是用来定义网页结构和布局的基本元素。以下是对部分常用HTML标签的详细介绍。 ##### 标签:!DOCTYPE - **说明**:`!DOCTYPE` 指定了HTML...

    webview 监听页面显示事件

    通过WebView,我们可以展示HTML、CSS和JavaScript等Web技术构建的页面,同时也可以与原生应用进行交互。本文将深入探讨如何监听WebView中的页面显示事件,以便在特定时刻执行相应的操作。 首先,我们需要了解...

    导航标签跟随滚动到对应文章段落

    总结来说,“导航标签跟随滚动到对应文章段落”技术涉及HTML锚点链接、CSS样式以及JavaScript的事件监听和DOM操作。这种技术不仅使用户能快速定位到文章的特定部分,还提升了整体的交互体验。在实际开发中,还可以...

    在微信小程序中识别html标签的方法(wxParse)

    然而,开发者经常需要在小程序中展示富文本,比如从服务器获取的文章、评论等包含HTML标签的数据。这时,就需要借助第三方库来实现HTML到WXML的转换。`wxParse`就是这样一个非常实用的库,它能帮助我们解决在微信小...

    wxParse过滤HTML标签.rar

    以下是对使用wxParse插件进行HTML标签过滤的详细步骤: 1. **引入wxParse模块**:首先,你需要在小程序项目中引入wxParse模块。解压"wxParse过滤HTML标签.rar"文件,将其中的wxParse文件夹放入项目的lib目录下。...

    HTML5 canvas个人标签图代码.zip

    它通过`<canvas>`标签在HTML文档中声明,然后通过JavaScript的Canvas API进行绘图。例如,创建一个canvas元素的基本语法是: ```html <canvas id="myCanvas" width="500" height="500"></canvas> ``` 二、Canvas ...

    java自定义注解\标签库\监听\junit简单测试

    监听器类需要实现对应的接口,如`ServletContextListener`。 JUnit是Java领域广泛使用的单元测试框架,它提供了一套简单的API来编写测试用例。使用JUnit进行简单测试的基本流程: 1. 引入JUnit依赖。 2. 创建测试...

    html中label标签的使用

    4. **样式化**:开发者可以通过CSS对`<label>`标签进行样式设置,以增强表单的视觉效果,使其更加符合整体的设计风格。 5. **内联绑定**:除了使用`for`属性,还可以将控件嵌套在`<label>`标签内部,达到相同的效果...

    基于Bootstrap5的Tab标签页的小组件,能让HTML5表单验证的提示信息在Bootstrap5的Tab标签页能正常显示

    在这个基于Bootstrap5的Tab标签页小组件中,我们专注于如何让HTML5表单验证的提示信息在Tab标签页内正确地显示,这对于提升用户体验至关重要。 HTML5是现代网页开发的标准,它引入了许多新的元素和功能,其中就包括...

    用js实现自定义标签

    4. **绑定事件监听器**:当页面加载完成时触发`mark()`函数,进行自定义标签到标准HTML标签的转换。 #### 案例分析 在提供的代码示例中,可以看到几种自定义标签: - `<red>`:用于改变文本颜色为红色。 - `<big>`...

    WebView实现JS效果和a标签点击事件

    在Android开发中,WebView是一个非常重要的组件,它允许我们在应用程序中...在这个案例中,我们学习了如何显示Toast消息以及处理a标签的点击事件,这只是一个基础示例,实际开发中可以根据需求进行更复杂的功能扩展。

    HTML5 video 标签浏览器兼容问题

    此外,还可以利用HTML5的错误事件来监听视频加载失败,从而在必要时提供备用内容或提示用户更新其浏览器。 在实际项目中,`video-demo-master`这个压缩包可能包含一个HTML5视频示例的完整代码结构,包括不同格式的...

    [html5技术]基于bootstrap制作的多标签页(tabs)

    在实际项目中,可能需要根据需求进行自定义,例如通过JavaScript事件监听器来处理用户点击事件,或者根据页面宽度自动调整为垂直布局。了解这些基础知识后,你就可以灵活地使用Bootstrap创建适应各种屏幕尺寸的多...

    JQuery标签页插件

    每个标签页对应的HTML结构可能如下: ```html <li><a href="#tab1">标签1</a></li> <li><a href="#tab2">标签2</a></li> 内容1 内容2 ``` 接下来是事件处理,尤其是点击事件。当用户点击某个标签时,插件需要...

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

    Bootstrap的`nav-tabs`类为这些链接提供了标签样式,`data-toggle='tab'`属性是实现标签切换的关键,它告诉Bootstrap这个链接将切换到对应的标签内容。 每个链接的`href`属性值(如`#xw1`、`#xw2`)对应着一个`tab-...

    精致的标签云

    在标签云中,HTML元素如`<a>`用于创建可点击的链接,`<span>`或`<div>`则用来包裹每个标签,以进行样式设置。 2. **CSS**:Cascading Style Sheets(层叠样式表)用于美化HTML元素的外观。在本案例中,`miaov_style...

    ajax多标签导航

    1. HTML结构:每个标签通常是一个链接或按钮,对应一个特定的内容区域。点击标签时,触发JavaScript事件。 2. CSS样式:用于美化标签和内容区域,如设置背景色、边框、过渡效果等,使界面更加美观和易用。 3. ...

    基于iframe的js动态标签tab

    同时,需要对IFrame进行适当的样式调整,如隐藏默认显示的IFrame,只在选中对应标签页时显示。 3. **JavaScript事件处理**:当用户点击某个标签页时,JavaScript会捕获这个点击事件,并执行相应的操作。这通常包括...

    js鼠标滑过标签选项卡切换代码.zip

    - 监听器会根据当前悬停的标签,更改CSS属性以显示对应的隐藏内容区域。 - 同时,可能还会添加一些过渡动画效果,如淡入淡出或滑动切换,以增加视觉吸引力。 - 代码可能会处理一些边缘情况,例如确保只有一个内容...

    HTML实现的Tab切换效果,点击滑动和触控滑动(SlideTouch插件)

    4. **事件处理**:SlideTouch插件提供了丰富的API,可以监听滑动开始、滑动结束、切换等事件,进行自定义处理。 5. **响应式设计**:SlideTouch插件通常具有良好的响应式能力,能根据屏幕尺寸自动调整布局,确保在...

Global site tag (gtag.js) - Google Analytics