Javascript 使用JS将字符添加到文本字段中

我想在用户进入文本字段之前添加一个$符号，而不在用户单击submit时实际提交$。此外，我需要禁止用户在文本输入中输入除数值以外的任何内容。我知道JQuery输入掩码（），但是这个插件要求您设置用户应该输入的确切数字/字母数，这对我当前的项目没有好处。有人能想出一个方法来完成我上面所描述的吗

如果$始终存在，那么将其放在文本字段之前如何

---

就我个人而言，我避免在文本字段的值中插入无关的内容（单位、水印等等），比如瘟疫。它们总是以不应该的方式被解释为实际内容。

一种方法是从输入中获取除美元以外的所有内容，并将其存储在隐藏字段中：

$("form").submit(function() {
    var total = $("#total").val();
    $("#hidden").val(total.replace("$", ""));
});

这里有一个完整的工作解决方案（请记住，在它满足现实世界之前，它可能需要改进）：

测试标记：

<form>
    <input type="text" id="total" value="$"/>
    <input type="hidden" id="hidden"/>
    <input type="submit" value="Submit"/>
</form>

客户机的其中一个“必有”要求是，一旦用户单击文本输入，$就会出现在字段中。我知道这完全是胡说八道。另外，表单的另一部分，客户端希望在用户输入的末尾附加“sq.feet”。给客户端一些感觉。告诉他这和只有在单击字段标签时才显示字段标签是一样的，这是神秘肉类导航的一个讨厌的变体（）我不知道该告诉你什么。他有一个弱智的鸡尾酒餐巾模型，他希望100%遵守，并且对网页设计持“如果我也愿意，我也可以”的态度。你可以感谢oDesk的这种胡说八道。想法：在输入上加上左填充，并在顶部覆盖一个span，其中包含

$

。然后它看起来像是输入的一部分，但不参与编辑。但是，当用户在字段中输入一些文本时，我将如何显示字符？

<form>
    <input type="text" id="total" value="$"/>
    <input type="hidden" id="hidden"/>
    <input type="submit" value="Submit"/>
</form>