时间戳

首页 > 解决方案 > 尽量减少应用程序中表单的重复代码

javascript - 尽量减少应用程序中表单的重复代码

问题描述

我有一个使用很多表格的应用程序。我使用这样的引导表单域：

        <form id="NewComp">
        <table width="100%" border="0">
            <tr>
                <td>
                    <div class="form-group">
                        <label for="NameInput">Naam</label>
                        <input type="text" class="form-control" id="NameInput" placeholder="Example input">
                    </div>   
                </td>
                <td style="padding:0 15px 0 15px;">
                    <div class="form-group">
                        <label for="FullNameInput">Volledige naam </label>
                        <input type="text" class="form-control" id="FullNameInput" placeholder="Example input">
                    </div>
                </td>
            </tr>
        </table>
</form>

这些表单可能很大，所以我想使用包含或 .js（外部函数）来简化事情，以保持我的主页更干净。

例如：

<form id="NewComp">
        <table width="100%" border="0">
            <tr>
                <td>
                    <div class="myTextField" parameters"label=Naam, id=NameInput"></div>
                </td>
             </tr>
    </table>
 </form>

当我了解如何实现这样的事情的基础知识时，我可以为我的代码调整它甚至消除一些代码。

有人能指出我正确的方向吗？

标签： javascripthtml

解决方案

好吧，我会尽力给你一些建议，这对于评论来说太长了，但不能真正被视为答案..

首先，如果你想要一个基本的网站，而你不是/不想成为一名 Web 开发人员，只需将你的代码保持原样，这完全没问题。

但是，如果您想学习代码或尝试构建大型且可扩展的应用程序，则可以尝试学习一些东西（这里有一些示例，但您可以在那里找到很多很棒的 Web 开发教程）：

  • 如果你想摆脱引导类（这很好，真的），你可以包含你自己的 css 页面。
  • 如果您想动态呈现 html，您可以查看 html 模板并使用基本的 jquery，除非您想手动处理模板，否则您必须包含一个处理它们的 javascript 库，例如 underscore.js。如果您只想要一个减少代码量的快速解决方案，这可能是更适合您的解决方案。
  • 如果你想构建一个更大的应用程序，你可能想学习一些 js 框架，如 reactjs、vuejs 或 angular（那里有很多，但目前这 3 个是最流行的）。但是，如果您是 javascript 和编程新手，那么其中一种工具的学习曲线会有点长。

我希望这有帮助

推荐阅读