function checkInput(str){ var inp = str.value; if(inp.match(/['"<>=()]/g)){ str.parentElement.className="col-md-5 has error"; }else { str.parentElement.className="col-md-5 has success"; } }
时间: 2024-02-14 20:35:39 浏览: 32
这是一个 JavaScript 函数,用于检查输入框中是否包含特殊字符。函数接受一个参数 `str`,该参数是一个 DOM 元素,表示需要检查的输入框。
函数首先通过 `str.value` 获取输入框中的值,然后使用正则表达式 `/['"<>=()]/g` 匹配所有的单引号、双引号、尖括号、大于号、小于号和括号字符,如果匹配到了任意一个特殊字符,则将输入框的父元素的 `className` 设置为 `"col-md-5 has error"`,表示输入框有错误;否则将其设置为 `"col-md-5 has success"`,表示输入框没有错误。
可以将这个函数绑定到输入框的 `onchange` 或 `onblur` 事件上,以便在输入框失去焦点或者输入内容发生变化时自动检查输入框中的内容。
相关问题
<script> window.onload = function(){ document.getElementById("but").onclick = function(){ var msg = document.getElementById("inp").value var newObj = document.createElement("p"); newObj.innerHTML = msg document.getElementById("show").appendChild(newObj); document.getElementById("inp").value = ""; } } </script> </head> <body> <div id="show"> <p>你好,中午去哪里吃饭?</p> <p>好久没有去第三食堂了</p> <p>第三食堂有点贵哦</p> </div> <div id="box"> <input id="inp" type="text"> <button id="but">发送信息</button>这段的代码的位置
这段代码应该放在 HTML 页面的 `<head>` 标签中。它定义了一个 `window.onload` 事件,当页面加载完成时,会执行其中的函数。这个函数的作用是监听发送信息按钮的点击事件,当点击按钮时,获取输入框中的值,将其封装在一个新的 `<p>` 标签中,并添加到页面中已有的 `<div>` 标签中。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>宏的使用</title> </head> {{% macro inp(type,name,value) %}} <input type="{{type}}" name="" value=""> {{% endmacro %}} <body> <h1>宏的使用</h1> <table> <tr><td>用户名:</td><td><input type="text" value=""></td></tr> <tr><td>密码:</td><td><input type="password" value=""></td></tr> <tr><td><input type="submit" value="登录"></td></tr> </table> <table> <tr><td>用户名:</td><td>{{inp('text','uname','')}}</td></tr> <tr><td>密码:</td><td>{{inp('password','pwd','')}}</td></tr> <tr><td>{{inp('submit','','登录')}}</td></tr> </table> </body> </html>
这是一段 HTML 代码,其中使用了 Jinja2 的模板语言,定义了一个名为“inp”的宏,用于生成输入框。在页面中使用了该宏,传入不同的参数,生成了两个表单,分别是一个普通的表单和一个使用了“inp”宏的表单。其中,“inp”宏的三个参数分别是输入框的类型(type)、输入框的名称(name)和输入框的默认值(value)。