26
4
I have a javascript code inside a form, This javascript is supposed to put a bullet point to the previous line, every time that I press the 'enter' key. However, when I do press the enter key it does put the bullet point, but when I press the enter key again, an additional bullet appears. For instance, I have line 1, line 2, and line 3. When I type line one and press enter, a bullet appears behind line one, but when I type line 2 and press enter, line one suddenly has 2 bullets behind it and line 2 has a bullet added to it.
我在一个表单中有一段javascrip代码，每次我按回车键时，这个javascrip都会在前一行加上一个项目符号。然而，当我按Enter键时，它确实会放入项目符号，但当我再次按Enter键时，会出现一个额外的项目符号。例如，我有第一行、第二行和第三行。当我键入第一行并按Enter时，第一行后面会出现一个项目符号，但当我键入第二行并按Enter时，第一行后面突然有两个项目符号，而第二行则增加了一个项目符号。
This is the code:
这就是代码：
个人中心
文章发布
退出// Function to format the "roles" textarea into bullet points
document.addEventListener('keydown', function (e) {
if (e.target.id === 'id_form-0-roles' && e.keyCode === 13) {
formatRoles(e.target);
e.preventDefault();
}
});
function formatRoles(textarea) {
let lines = textarea.value.split('\n');
let formattedText = '';
lines.forEach(function (line) {
if (line.trim() !== '') {
formattedText += '• ' + line.trim() + '\n';
} else {
formattedText += '\n'; // Add a new line for empty lines
}
});
textarea.value = formattedText;
}
</script>
I expect the javascript to put just one bullet point in the preceding line after the enter key is pressed, such that each line has a bullet point behind it. This is what I want:
我希望在按下Enter键之后，该脚本只在前一行中放入一个项目符号，这样每一行后面都有一个项目符号。这就是我想要的：
line 1
1号线
line 2
2号线
line 3
3号线
When formatRoles sets the value for lines, its splits the entire existing textarea text by the new lines. The bullet points are characters in the text area, so after typing the first line the result for array lines is ["• hello","world"] and then you append a bullet to each resulting in ["• • hello","• world","another new line"] and so on.
当FormatRoles设置行值时，它将用新行拆分整个现有文本区文本。项目符号是文本区域中的字符，因此在键入第一行之后，数组行的结果是[“·Hello”，“world”]，然后在每个项目符号后面加上一个项目符号，结果是[“··Hello”，“·world”，“Another new line”]，依此类推。
A solution for this would be looking at only the last line when adding the bullet.
解决此问题的方法是在添加项目符号时只查看最后一行。
// Function to format the "roles" textarea into bullet points
document.addEventListener("keydown", function (e) {
if (e.target.id === "id_form-0-roles" && e.keyCode === 13) {
formatRoles(e.target);
e.preventDefault();
}
});
function formatRoles(textarea) {
let lines = textarea.value.split("\n");
let formattedText = "";
lines.forEach((line, i) => {
if (i === lines.length - 1 && line.trim() !== "") { //only apply the bullet if its the last line and not empty.
formattedText += "• " + line.trim() + "\n";
} else {
formattedText += line + "\n";
}
});
textarea.value = formattedText;
}<textarea id="id_form-0-roles" style="width: 400px;height:100px;"></textarea>
Hello @cub, thank you for your contribution. upon implementing those changes, the code is still not working as intended, so I see that now when I click enter a bullet point is displayed but when I type another sentence and press enter, the first line is substituted by the second line.
您好@幼崽，感谢您的贡献。在实现这些更改后，代码仍然不能按预期工作，所以现在当我按Enter时，会显示一个项目符号，但当我键入另一句话并按Enter时，第一行将被第二行替换。
whoops fixed. same idea still, only add the bullet on the last line.
哎呀，修好了。想法还是一样的，只是在最后一行加上了项目符号。
wow! thank you so much, I truly appreciate your help. IT WORKED!!
哇!太感谢你了，我真的很感谢你的帮助。成功了！！
26
4
0
我的设置.py: LANGUAGE_CODE = 'de' TIME_ZONE = require_env("TIME_ZONE_IDENTIFIER") USE_I18N = True USE_L1
谁能给我解释一下 Django 的 forms.Form 和 forms.ModelForm 的相同点和不同点？ 最佳答案 从 forms.Form 创建的表单由您手动配置。您最好将这些用于不直接与模
我在用 angularjs 构建的表单上遇到此错误。 `错误:[$compile:multidir] 多个指令 [form, form] 请求 'form' Controller :
我是 Spring 的新手，在尝试显示表单错误时遇到了一些麻烦。 我有以下表格: User Name:
我希望在提交表单时找出 spring:bind 和 form:form 标记库之间的区别。 我的 JSP 片段如下: ....
类型‘AbstractControl’上不存在属性‘Controls’。
有一个问题与此非常相似，但我想以不同的方式提出。 我是一个非常自定的人，但有时我确实喜欢走捷径。就这样吧。 我确实发现这两个类非常相似，尽管其中一个“帮助”程序员更快地编写代码或减少代码/重复代码。将
我在控制台中收到此错误。 “表单提交已取消，因为表单未连接” 自从我们将应用程序迁移到更新版本的 React 后，尝试将我的 redux-form 从 v5 迁移到 v6 之后。 我不确定这里出了什么
我想要的是一个表单，在提交时运行验证检查，并突出显示所有无效字段并添加工具提示。 我正在有效地寻找这样的东西: dojo.forEach(dijit.byId('myForm')._invalidWi
我需要设置symfony2表单元素的值。 我在 Controller 操作中使用了doctrine2实体， Symfony\Component\Form\AbstractType 和createFor
这是用于将数据提交到自定义列表的自定义 Editform.aspx。用户完成表单后，他应该能够点击按钮甚至“确定”按钮，并让 sharepoint 将表单数据提交到列表，然后重定向到项目显示表单 (d
我想知道在 spring 标签中编写所有表单是否是一种好习惯，或者我可以将 spring 表单标签与 html 表单标签混合使用吗？ 最佳答案 当您需要 Spring 表单提供的功能时使用它们: 绑定
我正在构建动态表单并希望“即时”添加表单组。 这是我的代码，几乎可以工作: import {Component, OnInit} from '@angular/core'; import {FormG
表格 Form.Load 有什么区别？ , Form.Shown和 Form.Activated事件？他们被解雇的顺序是什么？ 最佳答案 参见 Windows Forms Events Lifecyc
我正在使用具有路线跟踪功能的 Xamarin Forms 开发一些应用程序。尽管我正在使用 AppCenter，即在 App.xaml.cs OnStart 我添加 protected asy
我正在实现一个 gameboy 模拟器，就像我之前的许多人一样。 我正在尝试实现 PPU 并为此使用代表屏幕的类。 // needed because VS can't find it as depe
我是 Orbeon Form 新手，想使用它。不过，我尝试过 Orbeon Form 网站上的 Form 示例，并用泰语输入了一些数据。是的，可以在“泰语”字段中输入数据。但是当我尝试生成“PDF”时
那么让表单一遍又一遍有效地呈现相同表单的最佳方法是什么，并根据实体的属性值有条件地禁用字段？ 我有一个发票实体，需要一个用于创建发票的表单，以及在发票流程的各个阶段(生成、发送、支付等)禁用各个字段的
因此，我一直在与我的同事(开发人员和设计人员)就 Web 表单的自动填充工具进行亲切的辩论。这是一个重要的开发问题，因为它会影响表单的构建方式。 问)自动填充工具(例如 Google 工具栏或 Chr
那么让表单一遍又一遍有效地呈现相同表单的最佳方法是什么，并根据实体的属性值有条件地禁用字段？ 我有一个发票实体，需要一个用于创建发票的表单，以及在发票流程的各个阶段(生成、发送、支付等)禁用各个字段的
我是一名优秀的程序员,十分优秀！