计算脚本完成后提交表单

时间:2015-08-20 09:59:43

标签: javascript jquery forms

之前已经提出过这些问题的变化,但我无法通过我设置网站的方式来解决这个问题。

基本上,我有一个用户可以创建项目的网站。用户可以根据需要向该项目添加任意数量的任务,并且每个任务都有一个数字,最后会增加总和。通常,我为此计算开发的Javascript函数(TotalSum())工作正常,但有些用户希望能够使用Enter键提交表单。虽然确实按照您的预期提交了表单,但它不会启动计算功能,而是直接跳转到表单的提交。这导致提交的数字可能不再准确计算。

TotalSum()在数字输入字段被更改后启动,用户点击,点击“提交”按钮或您期望的任何其他内容 - 除了通过Enter键自动提交之外。

我的意图是只允许在函数完成计算后提交表单,并用新数字填充所有输入字段。我怎么能最好地去做呢?

我已经尝试了各种方法来解决这个问题,但通常阻止表单提交也似乎阻止我再次提交它。

$('#form_project').submit(function (e) {
    TotalSum();
    // TotalSum(); is done calculating, proceed with submitting the form away!
});

我也可以在提交表单后使用PHP来进行计算,但是在PHP中编码Javascript本身已经做得很好,如果它被正确地允许通过Enter键完成计算,就好像是一个混乱溶液

jQuery绝对是一个选择。我怎么能最好地这样做?

1 个答案:

答案 0 :(得分:0)

您可以使用jQuery来检查是否使用

按下回车键
$(document).keypress(function(key) {
   if(key.which == 13) {     // 13 is ascii for enter key
       //Use your totalSum function
         TotalSum();
   }
});