JQuery/PHP对只读表单字段做简单的划分


JQuery/PHP to do simple division to readonly form field

好吧,我已经浏览了整个网站,我一定是搜索错误了,因为我知道有办法做到这一点。

这是我需要做的。我有一个输入文本字段,供用户在输入某个数字后输入。我希望它除以1000,结果我希望填充到它旁边的只读文本字段中。

对我来说,棘手的部分是我需要在没有提交按钮或页面刷新的情况下完成这项工作。此外,一旦用户完成了这些步骤,就需要将用户输入的信息放入数据库。

我知道这可能是一件非常简单的事情,我正在过度寻找一些东西。该网站建立在WAX框架之上(并不是说它有什么不同)。

这是两个输入:

<div class="investment">
<dl class="investment_amount">
<dt>
<label for = "Investment Amount">Investment Amount</label>
</dt>
<dt>
<input type="text" class="invest" placeholder="Enter Investment Amount" name="investment_amount" value=""/>
</dt>
</dl>
<dl class="num_notes">
<dt>
<label for="Number of Notes">Number of Notes</label>
</dt>
<dt>
<input type="hidden" class="notes" placeholder="Number of Notes" name="number_of_notes" value="" />
<input type="text" id="note" class="form-control" placeholder="Number of Notes" name="number_of_notes" value="" />
</dt>
</dl>
</div>

任何帮助都将不胜感激

您可以通过onbluJavascript事件作为简单地执行计算

首先,我为您的输入字段保留一个ID

<input type="text" class="invest" placeholder="Enter Investment Amount" name="investment_amount" value="" onblur="calculate()" id="txtamount"/>

我正在把你的隐藏字段改为只读字段,因为我不知道你为什么要隐藏???并为结果字段以及添加ID属性

<input type="text" class="notes" placeholder="Number of Notes" name="number_of_notes" value="" id="result" readonly/>
<script type="text/javascript">
     function calculate()
     {
          document.getElementbyId('result').value = parseFloat(document.getElementbyId('txtamount').value) / 1000;
     }
</script>

注意

还有一件事,Kemmieg从不将值保存到数据库中,该数据库是在客户端机器上计算的,就像我们上面所做的那样,因为有人可以很容易地将除以1000更改为乘以100,如果这样做,则该值将存储到数据库中。因此,最好向客户端显示一个字段中的计算值,但如果您想保存计算字段值,则在服务器上进行计算,然后将服务器计算值保存到数据库中,而不是javascript结果值。