开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如果在文本区域中找到(http)、(https)或(www)，如何禁用提交按钮

要实现在文本区域中找到"(http)"、"(https)"或"(www)"时禁用提交按钮，可以通过以下步骤：

使用JavaScript获取文本区域的值。
使用正则表达式匹配文本区域的值，查找是否包含"(http)"、"(https)"或"(www)"。
如果匹配成功，则禁用提交按钮；否则，启用提交按钮。
在HTML中添加一个提交按钮，并为其设置一个唯一的ID，例如：<button id="submitBtn" type="submit">提交</button>。
在JavaScript中，使用getElementById方法获取提交按钮的引用，如：var submitBtn = document.getElementById("submitBtn");。
监听文本区域的input或change事件，当文本发生变化时执行回调函数。
在回调函数中，获取文本区域的值并进行正则表达式匹配。
根据匹配结果，设置提交按钮的disabled属性为true或false来禁用或启用提交按钮。

下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>禁用提交按钮示例</title>
</head>
<body>
  <textarea id="textInput" rows="4" cols="50"></textarea>
  <button id="submitBtn" type="submit">提交</button>

  <script>
    var textInput = document.getElementById("textInput");
    var submitBtn = document.getElementById("submitBtn");

    textInput.addEventListener("input", function() {
      var regex = /(http)|(https)|www/gi;
      var inputValue = textInput.value;

      if (regex.test(inputValue)) {
        submitBtn.disabled = true;
      } else {
        submitBtn.disabled = false;
      }
    });
  </script>
</body>
</html>

在上述示例中，使用了addEventListener方法监听了文本区域的input事件。每次文本发生变化时，都会执行回调函数。在回调函数中，使用正则表达式匹配文本区域的值，并根据匹配结果设置提交按钮的disabled属性。如果匹配成功，禁用提交按钮；否则，启用提交按钮。

请注意，这只是一个简单的示例代码，实际应用中可能需要根据具体的需求进行调整和优化。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

使用FreeCookies 控制浏览器cookies及修改http响应内容

可在Attributes中修改属性点击『comfirm』按钮确认修改（水印为示例） ?...添加属性后会显示在B区在A区域直接编辑如果您了解Cookies的标准格式，您可以在A区直接编辑Cookies（当格式错误时该区文字会变为红色）注意如果在A区对Cookies进行过编辑...后查询参数（*https://www.baidu.com/ 表示完全匹配首页请求，https://www.baidu.com/test 也不会被匹配）在浏览器中直接写入微信或支付宝公众号Cookie...部分情况下我们只需要更改返回的heads，比如通知浏览器强制更新，或禁用缓存下图为指定网页https://item.jd.com/4431446.html 禁用缓存（添加Cache-control:...下图为直接替换https://www.baidu.com/ 的页面（替换的内容为bing的首页html内容）将replace填空，下方内容填写完整的html（也可以是其他返回json，xml等） ?

1.3K3 0

html基础总结

a标签例如如下一句页面中显示的文本内容 href:里面选择超链接地址,注意如果没加http:...该属性值可以为绝对地址、相对地址、文档片段，甚至是脚本代码 method get或post 将表单数据提交到http服务器的方法，可能值有两个：get和post enctype application/... reset 重置按钮 button 普通按钮 <input type...（高度） cols number 设置多行文本框的显示列数（宽度） disabled disabled 布尔属性，设置当前文本框为禁用状态 8.label标签 9.label属性 label元素不会向用户呈现任何特殊效果标签的 for 属性应当与相关元素的 id 属性相同结合CSS可以控制表单文本或控件对齐

1.5K3 0

IIS7完全攻略之失败请求跟踪配置

可以按路径、关联的跟踪提供程序、HTTP 状态代码、处理请求所用的时间或范围(本地或继承)对该列表进行排序。...在”目录”文本框中，键入要用于存储日志文件的路径，或者单击浏览按钮(”…”)在计算机上查找所需的位置。...（三）禁用失败请求跟踪日志记录　　当不再需要跟踪对站点或站点上应用程序的失败请求时，可禁用对失败请求的站点级跟踪日志记录。...如果在第 8 步中选择了”ASPNET”跟踪提供程序，请在”添加失败请求跟踪规则”对话框的”选择跟踪提供程序”区域中的”区域”下，选择此提供程序要跟踪的以下一个或多个功能区域：　　- 结构 – 当要跟踪主要与进入和离开...如果在第 8 步中选择了”WWW 服务器”跟踪提供程序，请在”添加失败请求跟踪规则”对话框的”选择跟踪提供程序”区域中的”区域”下，选择此提供程序要跟踪的以下一个或多个功能区域：　　- 身份验证 –

2.2K4 0

6.HTML输入表单标签元素介绍

HTML5 中不支持 0x00 表单标签元素 form 标签描述: 表单是一个包含表单元素的区域，表单元素是允许用户在表单中输入内容,其包含文本框、文本域(textarea)、按钮、下拉列表、单选框...enctype 属性: 规定在向服务器发送表单数据之前如何对其进行编码, 在 POST 请求使用其值为(text/plain、multipart/form-data、application/x-www-form-urlencoded...| | image | 设置按钮外观 | 示例 1.文本框（Text Fields）、提交按钮(Submit Button)类型, 文本域通过<input...button 标签描述: 该元素可以如其意定义一个按钮，在其元素内部您可以放置内容，比如文本或图像，这是该元素与使用元素创建的按钮之间的不同之处。...formnovalidate 属性: 带有两个提交按钮的表单（进行验证或不进行验证），第一个提交按钮提交数据时带有默认的表单验证，第二个提交按钮提交数据时不进行表单验证。

4.6K1 0

还有 13 天，苹果就要关上 HTTP 大门了

HTTPS，是指超文本传输安全协议（Hypertext Transfer Protocol Secure），是一种在 HTTP 协议基础上进行传输加密的安全协议，能够有效保障数据传输安全。...登录CDN控制台，进入【域名管理】页面，点击域名右侧管理按钮，进入管理页面： [1.png] 在【高级配置】中找到 HTTPS 配置模块 [2.png] 4.2 证书类型腾讯云...这里需要满足前面提到的这个条件：域名的状态为部署中或已启动。勾选“腾讯托管证书”后，可以在证书列表下拉菜单中找到刚才申请到的证书。回源方式选择为 HTTPS，之后提交即可。...证书配置成功后，会出现强制跳转开关，开启后，即使用户发起 HTTP 请求，也会强制跳转为 HTTPS进行访问。...相关推荐 ATS来了，网页HTTP访问怎么办？浅析HTTPS与SSL原理腾讯云实现全站 Https 方案

9.6K2 0

html标签详解

--2秒后跳转到对应的网址，注意引号--> <!...、复选框、单选框、提交按钮等等。...method get或post 将表单数据提交到http服务器的方法，默认为get enctype application/ x-www-form-urlencoded 指定表单数据的编码类型，此属性只有在...="file" /> 类型（type）说明： text：文本输入框 password：密码输入框 radio：单选框 checkbox：多选框 submit：提交按钮 button：可点击的按钮，没有任何行为...="post" 属性说明: name：表单提交时的“键”，注意和id的区别 value：表单提交时对应项的值 type：类型 type="button", "reset", "submit"时，为按钮上显示的文本年内容

2.6K11 0

JavaScript 各种事件触发总结

--> Change: 当文本区域中的鼠标指针移离该对象时,若对象内容与原来内容不同,则就会触发Change事件.......") } Select: 当一个文本框,文本区域对象中的文本被选中时就会触发Select事件,未被选择则不会出现提示框....,或者使用HTML插入代码来禁用菜单....://www.baidu.com"; } },100);

3.9K1 0

【Java 进阶篇】深入了解HTML表单标签

HTML表单是一个包含一组输入元素的区域，允许用户在网页上输入数据并将其提交到服务器以进行处理。表单通常用于收集用户信息、执行搜索、进行登录等任务。...接下来，让我们一步步介绍如何添加不同类型的表单元素。文本框和密码框文本框和密码框用于接受用户的文本输入。使用标签创建它们，其中type属性指定了输入框的类型。...标签用于提供文本框的标签，for属性与的id属性关联，以确保点击标签时可以聚焦到相应的输入框。单选按钮和复选框单选按钮和复选框用于选择一个或多个选项。...以下是一些常用的表单属性： action：指定表单数据提交到的服务器端脚本的URL。 method：指定数据提交的HTTP方法，通常为"GET"或"POST"。...enctype：指定提交的数据编码类型，通常用于文件上传。 target：指定在何处显示响应，例如在当前窗口或新窗口中。 autocomplete：启用或禁用表单元素的自动完成功能。

2151 0

Asp.Net MVC4入门指南（8）：给数据模型添加校验器

您可能已经注意到了Title 和Genre属性，在字段中输入文本或者删除文本，是不会执行所需的验证属性的，直到您提交表单 (点Create按钮)时才执行。...上面的顺序将触发必需的验证，而并不需要点击提交按钮。在不输入任何字段的情况下，直接点击提交按钮，将触发客户端验证。直到没有客户端验证错误的情况下，表单数据才会发送到服务器。...如何验证创建视图和创建方法您可能很想知道验证用户界面在没有更新控制器或视图代码的情况下是如何生成的。下面列出了MovieController类中的Create方法。...如果您在浏览器中禁用 JavaScript，然后提交具有错误信息的form，断点将会命中。您仍然得到充分的验证，即使在没有 JavaScript的情况下。...下图显示了如何禁用 Internet Explorer 中的 JavaScript。 ? ? 下图显示了如何在火狐浏览器中禁用 JavaScript。 ?

4.6K10 0

form表单提交的几种方式

如果不指定，JQuery将自动根据http包mime信息返回responseXML或responseText，并作为回调函数参数传递。...://www.jeasyui.net/plugins/166.html $("#formtest").form("submit",{ url:"http://localhost:8080/...enctype 作用：规定在发送表单数据之前如何对其进行编码 enctype 属性可能的值： application/x-www-form-urlencoded multipart/form-data...被禁用的元素是不可用和不可点击的。被禁用的元素不会被提交。 disabled 属性不需要值。它等同于 disabled="disabled"。...所以在在通常网站开发中不提倡使用type=image作为表单的提交按钮。

6.4K2 0

AWVS中文教程

它包含有收费和免费两种版本，AWVS官方网站是：http://www.acunetix.com/，目前最新版是V10.5版本，官方下载地址：https://www.acunetix.com/vulnerability-scanner...与界面主操作区域对应：如下（注意要点：如果在新建向导中设置Scan setting只会影响本次扫描的扫描参数设置，如果在主界面中的Scan Setting设置则是全局配置） ?...(b)、添加、移除、前后顺序设置自定义的表单字段，包含：名字、值、长度 ⑿ ： AcuSensor 传感器技术，从这个节点，您可以启用或禁用acusensor和它的功能和设置密码。 ?...：HTTP信息显示的类型包括：文本、HTML、SQL、XML、CSS等等。。...版本个人习惯+真的好用软件下载 https://www.52pojie.cn/thread-378641-1-1.html

30.7K6 2

awvs使用教程_awm20706参数

它包含有收费和免费两种版本，AWVS官方网站是：http://www.acunetix.com/，目前最新版是V10.5版本，官方下载地址：https://www.acunetix.com/vulnerability-scanner...与界面主操作区域对应：如下（注意要点：如果在新建向导中设置Scan setting只会影响本次扫描的扫描参数设置，如果在主界面中的Scan Setting设置则是全局配置）此处可以设置各种扫描参数配置...(b)、添加、移除、前后顺序设置自定义的表单字段，包含：名字、值、长度 ⑿ ： AcuSensor 传感器技术，从这个节点，您可以启用或禁用acusensor和它的功能和设置密码。...icon：显示HTTPS的状态图标，启用此选项的话，扫描的时候，如果发现https访问的区域，将会在爬行结果中显示出一个锁状的小图标 Password Protection：密码保护 Current...可修改HTTP的头部数据或者其它信息再提交给服务器处理等。

2K1 0

Acunetix Web Vulnerability Scanner手册

它包含有收费和免费两种版本，AWVS官方网站是：http://www.acunetix.com/，目前最新版是V10.5版本，官方下载地址：https://www.acunetix.com/vulnerability-scanner...wvs支持HTTP/HTTPS网站扫描。...(b)、添加、移除、前后顺序设置自定义的表单字段，包含：名字、值、长度 ⑿ ： AcuSensor 传感器技术，从这个节点，您可以启用或禁用acusensor和它的功能和设置密码。 ...icon：显示HTTPS的状态图标，启用此选项的话，扫描的时候，如果发现https访问的区域，将会在爬行结果中显示出一个锁状的小图标 Password Protection：密码保护 Current...：针对上方的HTTP请求信息进行搜索，包括翻阅上一个下一个按钮：搜索的结果进行高亮显示：搜索的关键字为正则表达式：搜索的关键字匹配大小写：HTTP信息显示的类型包括：文本、HTML、SQL、XML

1.8K1 0

vue-ant design示例大全——按钮本地cssjs资源

vue-ant design示例大全——本地css/js资源 ---- 示例资源来自官网：https://www.antdv.com/components/button-cn 在 Ant Design...主按钮：用于主行动点，一个操作区域只能有一个主按钮。默认按钮：用于没有主次之分的一组行动点。虚线按钮：常用于添加操作。文本按钮：用于最次级的行动点。链接按钮：一般用于链接，即导航至某位置。...禁用：行动点不可用的时候，一般需要文案解释。加载中：用于异步操作等待反馈的时候，也可以避免多次提交。 Text Button Link Button 禁用...FAQ # 如何移除 2 个汉字之间的空格 # 根据 Ant Design 设计规范要求，我们会在按钮内(文本按钮和链接按钮除外)只有两个汉字时自动添加空格，如果你不需要这个特性，可以设置 ConfigProvider

2.4K2 0

Web前端开发HTML笔记

#网页的窗口标题 #指定网页图标 <link rel=...type = "week" 周选择器 type = "checkbox" 复选框 type = "month" 月选择器 type = "submit" 提交按钮...rows 指定文本域的高度 disabled 指定禁用文本域 readonly 指定文本域只读 List 列表: 列表方法,可以将一个普通文本框,通过使用datalist标签将其变成一个列表...指定高度宽度显示 RUNOOB.COM

2.2K2 0

网站页面优化：ROBOTS文件和META ROBOTS

什么是robots.txt robots.txt是网站管理员创建的文本文件，用于告诉网络机器人（通常是搜索引擎机器人）如何抓取其网站上的网页。...REP还包括诸如META ROBOTS之类的指令，以及关于搜索引擎应如何处理链接（例如“follow”或“nofollow”）的网页，子目录或站点范围的指令。...登录你的GOOGLE SEARCH CONSOLE帐户；点击在抓取选项下找到的robots.txt测试工具；单击“测试”按钮。如果一切正常，“测试”按钮将变为绿色，按钮文字变为“已允许”。...如果出现问题，将突出显示导致禁用行。 robots.txt在SEO中最佳实践 robots.txt是一个不安全的文件系统，不是真正的文本请求提供给机器人，没有任何方法迫使他们遵守规则。...不要用robot.txt屏蔽js和css文件和文件夹告诉搜索引擎如何找到网站地图指令sitemap:http://www.yourdomain.com/sitemap.xml ROBOTS元标签 ROBOTS

2K5 0

html应知应会

作用：用于定义页面的主体内容语法： 4、标记作用：用于定义偏向于纯文本的内容模块区域...1、application/x-www-form-urlencoded 默认值，允许将表单中普通字符，特殊字符进行编码再提交...4、disabled 禁用控件被禁用的控件可以显示在页面上，不能操作，不能提交...1、name 一组的单选按钮或一组的复选框，名称必须相同...2、checked 设置默认被选中 3、按钮提交按钮：<input type

1.8K1 0

HTML 笔记

* 多行的文本输入区域 *name: 定义名称,用于存储文本区域中的值。 *cols：规定文本区内可见的列数。 ...*rows：规定文本区内可见的行数。 disabled：是否禁用 readonly：只读 ... ...* 标签定义按钮。您可以在 button 元素中放置内容，比如文档或图像。这是该元素与由 input 元素创建的按钮的不同之处。 6.... submit: 提交按钮 image: 图片提交按钮 reset: 重置按钮, 还原到开始(第一次打开时... 注意：reset 重置按钮是将表单数据恢复到第一次打开时的状态，并不是清空 image 图片按钮，默认具有提交表单功能。

1.9K6 0

表单

，如何将数据发送给服务器，他指向服务器发送数据的方法。...当输入类型为radio或CheckBox使用此属性文本框　　用于输入单行文本信息将表单元素type设为text就可以了密码框　　...重置按钮使用图片按钮提交多行文本域　　语法 url 　　用于输入URL地址这类的特殊文本的文本框提交表单时如果输入不是uil地址格式的文本，将不允许提交表单 <input...如注册或交易协议　　禁用场景　　　　　　只有满足某个条件后才能选用某项功能。如只用用户同意了才能点击注册按钮。

4.7K9 0

后台系统设计（上篇：选择）

·在用户与单选按钮交互时，请提供良好视觉反馈，且按钮本身状态提供良好的能供性（默认、悬停、选中和禁用）。...最佳用法 ·复选框用于表示状态的标记，不会直接导致命令的触发，需要最终和命令按钮（如提交、确定等）操作配合，若是直接触发请改用切换开关（切换开关并非绝对情况下都是直接触发命令操作）；若复选选项过多时，且有限的屏幕空间下...·禁用菜单项，而不是隐藏，以提高功能的可发现性。 ·下拉菜单文本保持简洁扼要，文本内容限制为单行。 ·请根据具体情况，定义列表项的最小和最大宽度，以适应其内容。...·下拉选择器多适用于颜色、日历、日期、时间等内容，若不可输入请将整个区域作为触发区域。...颜色下拉控件应该有允许用户输入的地方，这样用户就可以更加方便直观的输入品牌色或其他需求；对于自定义设置，可提供一部分色卡，这样对于不知如何下手、不知如何搭配颜色的人而言，提供了简单的选择。 ?

9.7K2 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭