如何在javascript innerhtml输入框中放置所需的验证
在JavaScript中，可以使用innerHTML属性来设置HTML元素的内容。要在输入框中放置所需的验证，可以按照以下步骤进行操作：
- 首先，获取对应的输入框元素。可以使用document.getElementById()方法或其他选择器方法来获取元素的引用。例如，如果输入框具有id为"myInput"，可以使用以下代码获取该元素的引用：var inputElement = document.getElementById("myInput");
- 接下来，根据所需的验证规则，创建一个包含验证信息的字符串。例如，如果要求输入框的值必须为数字且长度为6，则可以创建以下验证信息字符串：var validationMessage = "请输入一个6位的数字";
- 然后，使用innerHTML属性将验证信息设置为输入框的内容：inputElement.innerHTML = validationMessage;
完整的示例代码如下所示：
var inputElement = document.getElementById("myInput");
var validationMessage = "请输入一个6位的数字";
inputElement.innerHTML = validationMessage;这样，输入框中就会显示所需的验证信息。请注意，这只是一个简单的示例，实际应用中可能需要根据具体的验证需求进行适当的修改。
对于更复杂的验证需求，可以使用JavaScript的正则表达式、事件处理程序等功能来实现。此外，还可以结合使用CSS样式来美化验证信息的显示效果。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云函数（SCF）：https://cloud.tencent.com/product/scf
- 人工智能平台（AI）：https://cloud.tencent.com/product/ai
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯会议：https://cloud.tencent.com/product/tc-meeting
相关·内容
当我输入搜索框时，我希望在javascript中触发一个按钮。
这是我的输入框：
<input
id="search_filter1"
type="text"
placeholder="Search team..."
name="search"
onkeyup="search_filter()"
>
输入框时要触发的按钮的javascript：
function view_all() {
var dots = document.getElementById("dots
浏览 6提问于2022-10-04得票数 -3
我不是一个多的javascript程序员，我正在学习，所以请原谅愚蠢的错误。
我试图使用ajax (不是jquery )保存客户详细信息，后者返回另一种高级详细信息形式。我正在使用jquery插件来验证输入框。但是验证不适用于ajax返回的表单。
Ajax代码：
function createcustomer() {
var firstname = _("firstname").value;
var lastname = _("lastname").value;
var email = _("email").value;
浏览 1提问于2013-08-15得票数 0
回答已采纳
2回答
我是刚接触过Javascript的人，我非常感谢你的帮助。我想要创建一个函数，将一行添加到我的表中，并将一个信息插入到已放入“输入框”中的单元格中。
function papildyti(){
// Find a <table> element with id="myTable":
var table = document.getElementById("myTable");
var row = table.insertRow(-1);
var cell1 = row.insertC
浏览 8提问于2014-03-12得票数 0
回答已采纳
我使用的是带有MasterPages的ASP.NET 3.5。我的母版页包含对jquery和jquery UI的脚本引用。我的使用母版页的网页有一个针对该页的自定义javascript文件的脚本引用。这个javascript文件中有jquery调用(例如，document.ready -->将输入框设置为日历)。
当我在Visual Studio中运行debug中的网站时，输入框没有设置为日历。但是，如果我从外部文件复制脚本，并将其包含在网页的脚本块中，则输入框将变成日历。
我在子页面中也有一个元素(不确定这是否有区别)。我已经在ScriptManager和ScriptManager外部
浏览 0提问于2009-06-04得票数 0
回答已采纳
我有一个表单，在这个表单中，我有一个表，只有一行和一个TD，它将其中的所有内容集中在一起。我在它旁边有一个空的DIV，当他们离开输入框时，我用它来警告输入框是空的：
<td align="center" >Ange din bokningskod: <input id="bokningskod" type="text" name="bokningskod" autofocus="true" maxlength="8" size="10" onblur="bo
浏览 0提问于2013-06-29得票数 0
我有一个简单的表单，并且正在验证onchange，并且需要一个最终的验证onsubmit。在错误的情况下，我在输入框的右边显示一条消息。我试图在DOM 1中保持这个兼容。
<form id = "myForm" action = "" onsubmit = "return validateForm(this);">
<table class = "table-submit" border = "0">
<tr&g
浏览 0提问于2014-10-07得票数 0
我在sharepoint服务器上使用asp.net和c#编辑了一个runat=为“服务器”的div标签的innerhtml，并在其中放置了大量html代码和一个输入框(此输入框是自动完成jquery UI输入框)。
我可以给输入框一个id。
现在，我如何在c#中访问输入框中的文本？
searchbox.InnerHtml = @"
<script type='text/javascript'>
$(function() {
浏览 0提问于2012-08-18得票数 0
4回答
我有一个非常长的php表单，用于保存用户输入的输入值。我想在输入框旁边显示提示。我知道这个，但这不是我的目标，我想把它显示在输入框旁边，当用户选择相应的字段时，输入框将出现/消失。(我希望这是html格式的，而不是javascript格式的，因为我不知道JavaScript。)
浏览 3提问于2013-01-30得票数 3
回答已采纳
<p> March 2014 invoice details(current):
<form id="form1" name="form1" method="post" action="">
<label>
<input name="food" type="text" id="food" />
</label>
<div
浏览 3提问于2014-04-29得票数 0
回答已采纳
0回答
我在我的主php文件中有以下内容：
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$( "#datepicker" ).datepicker();
} );
</script&g
浏览 8提问于2017-06-07得票数 1
回答已采纳
3回答
在我的javascript类的javascript作业作业中，这个作业需要一个".js“for循环迭代来列出用户输入的宠物的名字(3是上限)。 有三个水平间隔的文本输入框，无论用户在哪个文本框中输入宠物的名字，submit按钮下面的"message“(id)输出将显示输入的宠物的名字，直到用户施加限制(<= 3)。一旦输入宠物的名字并单击submit按钮，页面将显示宠物的名字，从用户输入的最左边的文本框开始，向右移动，直到用户选择的输入限制(<= 3)达到其限制；因此，如果用户选择2作为限制，则在submit按钮的下方将只显示输入了宠物名称的最左边的文本框。 到目
浏览 41提问于2019-05-12得票数 0
关于这个话题还有很多其他的线索，但没有一个能解决我的问题。我试图从刚才插入的输入字段中获得值。我使用这行javascript插入我的输入框：
processName.innerHTML = '<input type="text" id="ProcessNameChange" value="' + oldName + '" >';`
然后，我尝试使用以下方法访问它：
var newName = $(this).closest("#ProcessNameChange").val();
这两
浏览 2提问于2013-07-25得票数 0
回答已采纳
当我添加带有javascript函数的新输入框时，以前的输入框变为空。以下是代码：
<div id="field">
<input type="text">
</div>
<div id="error"></div>
<button onclick="Add()">add</button>
<script>
let i=0;
const Add=()=>{
i++
if(i&
浏览 2提问于2022-01-11得票数 0
2回答
有一个文本输入框。
希望用户以准确的格式输入字符串：
2010/08/26 17:04:51.24
(当然可以是任何数字)
我怎样才能有效地做到这一点呢？
不寻找答案，只是在正确的方向上的一个点。
谢谢。
(html、JavaScript和jQuery)
浏览 3提问于2010-09-08得票数 2
回答已采纳
1回答
我已经在名为userInput的类上创建了一个keyup事件侦听器，但是在将多个输入框附加到同一个类后，该事件侦听器将不会从新的输入框中触发。
<div id="wrapper">
<input type="text" class="userInput">
<button type="button" id="add_input">Add</button>
</div>
Javascript
$(document).ready(functi
浏览 2提问于2015-02-11得票数 1
回答已采纳
1回答
我有一个表单，要求用户提供一些输入值。对于一些初始输入，我使用javascript进行自定义验证。在表单的末尾，使用"html required attribute“验证一个字段。但是当用户点击submit按钮时，具有required属性的输入框首先显示消息，而不是给以前的输入框机会，即不遵循错误显示的顺序。下面我添加了代码和图片，而不是显示名称是空的，它直接跳到位置输入框。这只会让最终用户感到困惑。为什么会出现这个问题，如何解决？
<html>
<head>
<script>
function validate(){
var nam
浏览 0提问于2017-01-05得票数 0
4回答
我想通过Javascript一步一步地验证表单。例如，当用户填充输入框并转到另一个输入框时，我就会调用Javascript函数。换句话说，我喜欢创建一个实时验证。
HTML：
<form id="form_register" method="post" action="">
<fieldset>
<legend>Register</legend>
<ul>
<li>
浏览 2提问于2013-12-04得票数 2
回答已采纳
<!doctype html>
<html lang="en>
<head>
<meta charset="utf=8" />
<title>Pound Euro Converter</title>
<link rel="stylesheet" href="ptec.css" />
<script type="text/javascript">
var euro;
浏览 2提问于2013-06-25得票数 0
回答已采纳
选中“无限制”时，请删除输入框。这是可行的。但是，当复选框未选中时，输入框将不会重新显示。
<script type="text/javascript">
function getQuantity() {
var checkbox = document.getElementById("unlimited");
var qty = document.getElementById("quantityspace");
if(checkbox.checked == true){
浏览 3提问于2010-09-22得票数 0
回答已采纳
3回答
我使用js从范围滑块中获取值。现在我想在输入框中显示出来。
var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
output.innerHTML = slider.value;
slider.oninput = function() {
output.innerHTML = this.value;
}
<input type="range" min="1" max="1
浏览 0提问于2019-09-12得票数 1
这是java脚本中追加输入框中的代码，我没有在输入框中获得这些值
<script type="text/javascript">
function addInput()
{
var x = document.getElementById("inputs");
x.innerHTML += "<input type=\"text\" name=\"box[]\" id=\"box[]\"/>";
i++;
}
function getdata()
{
浏览 1提问于2010-08-05得票数 0
我想通过打印数组的方式从用户处获取输入，当用户单击值3输入框时，3输入框将显示他可以放置的值的位置，但是当我尝试提交数组时，没有元素被打印，并且打印的值是未定义的元素
var arr=[0];
function get_value()
{
var n=parseInt(document.getElementById("n").value);
var div=document.getElementById("add");
var add='';
for(var i=0;i<n;i++)
浏览 0提问于2020-02-29得票数 0
2回答
根据特定的数组字符串检查输入
、、、、
我正在尝试创建一个小测验，它从数组中的问题池中随机选择一个问题，这个问题在一个输入框中被回答，这个输入框将根据数组中相应的答案字符串进行检查。我使用math.floor(math.random() *)；获取随机数。随机数被用来寻找问题和答案，问题和答案的排列是为了相互对应，例如‘问题1’，'question2‘和’应答1‘，’答案2‘。
我很难让我的输入与数组中相应的答案值进行适当的检查。我是Javascript的新手，所以我不知道该怎么做。我尝试使用document.getElementById命令来比较这两种情况。我怀疑这与以下事实有关: ansNum没有得到questNum的值
浏览 0提问于2018-03-27得票数 0
回答已采纳
我有一个有3个输入框的表单，所有的输入框都没有id，name字段。因此，如果我在其中输入值，我如何使用javascript检查没有id和name字段的输入框的值
<form id='a' action='' >
<input type='text' value='' />
<input type='text' value='' />
</form>
这是html中的代码，我想使用javascript获得输入框的值。我可以这样做吗？
浏览 0提问于2012-10-16得票数 3
回答已采纳
3回答
我是Javascript的新手，我不知道我的代码做错了什么。每当我运行代码时，它就不能正常运行，我也不知道如何修改它。我试图让它循环通过5个按钮，并将按钮的innerHTML替换为用户在输入框中输入的内容。因此，例如，如果用户在输入框中输入“饼”并单击按钮4，则按钮4的innerHTML将被重命名为pie。这是我的密码：
var inputValue = document.getElementById("textbox").value;
function click() {
for (var x = 1; x <= 5; x++) {
if (t
浏览 5提问于2014-03-31得票数 0
回答已采纳
1回答
我已经创建了一个标准的xp:comboBox，并使用公司列表填充了它，因此组合框值如下所示：
选择A公司-A公司、B公司等
因此，组合体的初始值是Select，因此我尝试根据Mastering XPages pg 116中给出的示例创建一个自定义Validator
<xp:this.validators>
<xp:customValidator>
<xp:this.validate><![CDATA[#{javascript:if (value == "- Select A Company -"){
浏览 2提问于2014-09-29得票数 0
回答已采纳
1回答
我必须在页面上创建第二个按钮/输入框，在绿色段落方块下面，文本必须出现。如何编写函数以使文本以段落为中心？我必须使用document.getElementById来获取输入框对象和段落对象。以下是我到目前为止所拥有的：
HTML：
</head>
<body>
<div>
<button onclick="sayMagicWord();">Press For Magic </button>
</div>
<p></p>
<div&g
浏览 3提问于2021-04-15得票数 0
回答已采纳
4回答
我正在开发一个web应用程序，为了从用户那里获得命令，我需要一个接一个地添加一些输入框。我使用JavaScript将它们添加到具有唯一ID的div中。我遇到的问题是，一旦我按enter并调用JavaScript函数来添加下一个输入框，前面的输入框就会空出来，我不知道为什么。
下面是示例代码：
var i = 0;
add_input();
function add_input() {
i++;
document.getElementById('main').innerHTML += "<p>> <input type=
浏览 1提问于2015-07-10得票数 2
回答已采纳
1回答
我有一个网页与小的javascript代码，为学生提供测试。但测试实际上是硬编码到页面中的，我希望使用某种导入方法，这样页面在显示时可以读取文本或xml文档中的问题。我在考虑使用ajax，但是ajax需要运行某种web服务器来解释“get”或“post”方法。有没有办法在不运行way服务器的情况下做到这一点？
下面是html代码
var pos = 0,
test, test_status, question, choice, choices, chA, chB, chC, correct = 0;
var questions = [
["What is 10 + 4?&#
浏览 3提问于2015-07-03得票数 0
我想知道是否有可能用PHP保存一些数据，通过javascript和document.write从页面中放置的表单中获取值，它的值已经由javascript和document.getElementbyId(id).value设置。
我知道在.innerHTML()中它不起作用，因为保存按钮不会获得使用.innerHTML()方法设置的值。
所以我想知道，如果我让javascript用document.write放置一个输入框，然后由另一个js函数设置它的值，会不会起作用？
浏览 0提问于2011-12-10得票数 0
回答已采纳
3回答
我需要从输入框中获取值，并在单击按钮时将其写在输入框的下方。我想过使用标签，但如果有其他方法，我愿意接受建议。
到目前为止我的代码如下：
<h1>Test</h1>
<form name="greeting">
Type your name here: <input type = "Text" name="fullname" id="name"> <button onclick="getName()">Create</
浏览 0提问于2015-06-14得票数 0
2回答
关于Javascript和ASP.net控件之间的一些交互，我有一个问题。
在javascript中，我获得了如下可编辑内容的innerHTML：
var text = document.getElementById('corps').innerHTML;
document.getElementById('corpsToServer').value = text;
document.getElementById('callingServer').click();
此调用对调用我的应用程序服务器端的ASP.NET updatePanel的单击事件进
浏览 14提问于2015-12-22得票数 0
回答已采纳
我试图将链接添加到javascript中，但做不到。Loober正在检查输入框。根据焦点，我想更改页面上显示的链接。默认为changeME。
<script type = "text/javascript">
var check = document.getElementById("loober");
var testElement = document.getElementById("changeMe");
var text = "bbb";
var text2 = &
浏览 0提问于2011-08-19得票数 0
回答已采纳
因此，我创建了一个输入框来将值添加到数组中，但是当它对数组进行排序时，它只对输入框中的值进行排序，而不是整个数组。我把它弄得乱七八糟，但似乎什么都不起作用。
<script>
var Arrays = ["Printer", "Tablet", "Router", "Smart phone", "Motherboard", "Hard drive"];
document.getElementById("beef").innerHTML = Arrays;
f
浏览 1提问于2015-12-13得票数 0
如何将javascript加载到隐藏的输入框中？
我有<span id="number"></span>，它从java中拉出给我总数...
我想用像这样的东西-
<input type="hidden" name="number" id="number" />
我的javascript代码-它使数字出现-
document.getElementById("number").innerHTML=xmlhttp.responseText;
我知道php有点好，但javascrip
浏览 0提问于2012-07-26得票数 0
回答已采纳
2回答
我希望根据Google sign-up page使用验证、First Name和Last Name。当输入框为左为空时，我的代码将显示错误消息。但是，在输入框中填充了一些数据之后，如何清除错误消息呢?？
我需要做以下几件事：
如果两个输入框only one error message should pop-up，都是空，那么可能是第二个输入框错误消息。
如果error-message第二个方框是非空，则应为。
同时，我还粘贴了等价的Javascript代码，它可以根据需要执行验证。
Could some help me how to get the same r
浏览 5提问于2015-05-04得票数 0
回答已采纳
2回答
我正在尝试使用python的烧瓶api和javascript来构建一个web应用程序。作为一个简单的例子，我希望有一个文本输入框来打印用户提交后的输入。但是，当我使用烧瓶运行并输入一些文本时，除了将文本从"/5000“重定向到"/5000/? input = text”(其中text是用户输入)之外，没有什么变化。
为什么我看不到输入框下面的“你写的:文本”？
我的代码如下所示：
app.py:
@app.route('/')
def render_home():
return render_template("base.html")
u
浏览 8提问于2020-07-09得票数 1
2回答
表单帮助:数学函数的输入输出
、、、、
我需要帮助。我需要以下函数的javascript代码：
(log(5156559813)/log(x))/log(3) n=1+
其中n是输出，x是输入框。
如何使输入框成为x？我用document.getElementById("x").innerHTML = 1 + (Math.log(5156559813) / Math.log(x)) / Math.log(3)吗？
我已经搜索过了，但每次都会出现错误的东西。
这是我的密码：
<form class="uk-form">
<fieldset data-uk-margin>
浏览 7提问于2015-05-14得票数 1
我有一个输入框，如下所示：
<input id="SlidingWindow" type="number" placeholder="50" class="span3">
这个输入框是表单的一部分，在单击submit按钮时，我调用javascript函数。我正在试着检查输入的数字是否在范围内。如果它不在范围内，我希望将框中的值设置为默认值，如下所示：
slidingWindow = document.getElementById("SlidingWindow").value;
if (slidi
浏览 2提问于2015-04-08得票数 3
回答已采纳
我有类似如下的代码：
<div id="div1" onclick="myfunc()">
<span class="myspan"></span>
</div>
现在，如果用户单击页面上其他位置的按钮，则会动态地向跨度添加一个输入框。该按钮还为输入框提供焦点。
输入框的代码如下所示：
<input type=text onkeypress="runthis()" onblur="runthis()">
问题是，如果我试图选择输入框中的文本，父级的
浏览 2提问于2012-02-10得票数 1
3回答
我更多地使用html来添加到我的网站，在这个问题之后，我现在有了一个电话号码框，我的javascript代码告诉我输入框中有多少个字符，但也包括空格。不管怎么说，我的javascript是否计算出除空格外还有多少个字符？
<!DOCTYPE html>
<html>
<body>
<p>Click the button to return the number of characters in the string "Hello World!".</p>
<input id="id"&g
浏览 2提问于2021-01-13得票数 0
回答已采纳
2回答
在输入负载中显示本地存储
、、、
我有一个计算时间的小型网络计算器。当我最小化/关闭移动网架几分钟或刷新页面时，我的移动浏览器就会清除所有数据，所以我创建了一个按钮，可以重新加载所有以前的数据并显示为文本。
我想摆脱“获取旧数据”按钮，让页面重新加载所有的值显示在输入框中，就像页面刷新前一样。
我一直认为输入框中的onload事件可以工作，但据我所知，这是不可能的。
HTML
<body onload="getreload()">
<p>Please enter minutes</p>
<input type="text" id="etime&#
浏览 2提问于2016-10-30得票数 0
回答已采纳
2回答
我对JavaScript完全陌生，也不知道为什么这不起作用。当我单击输入框并键入少于5个字符时，我希望显示一条消息。这个信息根本就没有显示出来。源代码：
<html>
<body>
<form id="form>">
<input id="input">
<div id="text"> Test </div>
</input>
</form>
<
浏览 3提问于2017-08-06得票数 2
回答已采纳
我被困在一个问题里。
问题是：
我必须在点击某个页面(比如主页)的按钮时加载一个html页面(比如test.html)。
现在，test.html包含一些输入框，我需要在加载test.html时预先填充这些输入框。
主页的内容
<body>
<h1> Page 1 </h1>
<div id="topBar">
<a href ="#" id="load_home" onclick="load_home()"> HOME </a>
</div
浏览 1提问于2016-09-06得票数 0
1回答
只有当用户在输入字段中输入某项内容时，我才希望显示验证消息。我不能把必需的东西放进输入框。
<input type="url" class="form-control" name="website_url">
输入的数据应该是一个有效的网站网址。
我可以在不使用Jquery或Javascript的情况下完成这个吗？
浏览 1提问于2017-10-03得票数 0
我正在创建一个配料列表，在那里应该可以改变服务的数量，并自动更改您需要的每种配料的数量。我已经在一定程度上做到了这一点，我现在唯一的问题是，只有当我在这里更改数字：value="4"，而不是显示在网站上的输入框(它应该这样做！)时，它才能工作。
这是HTML：
<input type="number" id="serving" oninput="changeServing()" value="4"/>
<ul>
<p class="ingredient-numbers&
浏览 5提问于2022-02-01得票数 0
2回答
我正在处理ajax，ajax函数运行良好，但问题是破坏三个div之间的ajax响应。让我详细解释一下。
1.我有一个页面，其中有一个选择框和三个输入，通过onchange事件，我需要输入框中的ajax值。
为了进一步解释，这里是我的代码(Ajax响应)：
<?php
include("include/config.php");
$enrol=$_GET['q'];
$query=mysqli_query($con,"select * from dbo_tbmembermaster where vc_enrol_no='$enrol'
浏览 3提问于2013-08-17得票数 0
4回答
在引导模式中验证输入文本
、、、
我想在引导模式中验证表单，而不使用任何框架。它实际上是一个简单的模式，只有一个输入文本和两个按钮“关闭”和“发送”。用户应该在输入框中键入他/她的名字，然后单击send。表单是与方法post一起发送的。
我想做的是，如果用户没有在“发送”按钮的输入框中输入任何内容，则输入框应该有一个红色边框，而不是默认的蓝色边框。下面是我的模式代码：
<div id="myModal" class="modal fade" tabindex="-1">
<div class="modal-dialog modal-lg"
浏览 7提问于2015-01-15得票数 6
回答已采纳
我对HTML很陌生，我正在尝试创建一个脚本，以便在消息框中显示用户输入。我已经创建了一个文本框，并使用正则表达式(仅字母表)验证了它。
现在，我需要在页面本身中显示用户输入。我怎样才能用JavaScript做到这一点呢？
我需要显示页面本身的所有用户输入。我需要在一个容器中显示两个字母，在另一个容器中显示三个字母。
这是我试过的密码。
<html>
<head>
<style type="text/css">
</style>
<script type="te
浏览 1提问于2013-10-18得票数 2
回答已采纳
1回答
在php中的div内张贴输入框值
、、、、
我有一个在div.This输入框中的输入框，它被另一个输入框所取代，在改变选择框value.now后，我想将这个输入框值放在php变量中，这样我就可以将它插入数据库。以下是我的输入框在进行更改之前的复选框值：
<div id="pay"><input type="text" name="cheque_no" /></div></td>
“”复选框如下：
function changeVal2(value)
{
var rows = document.getElementsByTagName
浏览 2提问于2013-08-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
