使用Jquery提交表单

Submitting form using Jquery Issue

本文关键字：表单 提交 Jquery 使用      更新时间：2023-09-26

我使用Jquery提交一个表单。我的代码是这样的。

<?php if(isset($_POST['submit'])){
  echo $_POST['value'];
} else { ?>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script type="text/javascript" 
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCV9b6j5csMVrafZXp6uTHOavxiJk4vqK4"></script>
  <form method="POST" action="" id="form1" >
    <input type="text" id="value" name="value">
    <button name="submit" onclick="tushar(); return false;">
      Click Me
    </button>
  </form>
  <script type="text/javascript">
    var tushar = function(){
      var geocoder = new google.maps.Geocoder();
      var address = "Hostel-7, IIT Bombay, Powai, Mumbai, Maharashtra,400076";
      geocoder.geocode({ 'address': address }, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          $("#value").val("POINT(");
          $('form#form1').submit();  
        } else {
          console.log(status);
          return false;
        }
      });       
    }
  </script>
<?php } ?>

单击按钮时，输入字段的值被更改，但表单没有被提交。有人能帮我一下吗?提前感谢。

将按钮名称从submit更改为btnSubmit

<button name="btnSubmit" onclick="tushar(); return false;">Click Me</button>
当你停止重写方法时，

和提交应该会神奇地工作。

请将$('form#form1').submit();改为$('#form1')[0].submit();

$('form#form1').submit();只是在表单上重新触发submit事件。

$('form#form1')[0].submit();以默认方式提交表单。注:一个ID通常足以选择一个元素，因此$('#form1')。

进一步

正如@ epascarelo所指出的，您还需要更改提交按钮的名称，以便它不会与事件冲突。

相关文章：