Question

我有一个表单提交按钮和一个包含change事件的输入字段。现在，当我在输入字段中编辑某些内容并尝试提交表单时。表格没有提交。只有变更才会被解雇。示例代码如下

HTML

<form>
<input type="text" id='text_field' value="123" />
<button type="submit" >Submit</button>
</form>

JQUERY

$(document).on('change', '#text_field',function() {
 /*
 do some ajax call for calculation.
 */   
 });

Answer 1

form标记缺少method="post"属性。

请尝试以下 HTML ：

<form method="post">
<input type="text" id='text_field' value="123" />
<input type="submit" >Submit</input>
</form>

Answer 2

如果您想使用Jquery提交表单，请尝试此操作..

<form>
<input type="text" id='text_field' value="123" />
<button type="button" id="form_submit">Submit</button>
</form>

jquery的

$("#form_submit").click(function(){

  text_field = $("$text_field").val();

 $.ajax({
          /*
         do some ajax call for calculation.
         */
        })
 }

由于“change”事件附加到输入字段，表单未提交

2 个答案: