【问题标题】:Cannot submit a form in jquery无法在 jquery 中提交表单
【发布时间】:2016-01-22 16:46:34
【问题描述】:

我正在使用 jquery smarty,php。我正在使用 jquery 验证表单,但提交按钮不起作用。 在 checkemail.php 中,我没有回显行数;

$(document).ready(function() { //newly added 
  $("#formpge").submit(function(event) {
    event.preventDefault();
    var emailVal = $('#useremail').val();
    alert(emailVal);
    // assuming this is a input text field
    $.post("checkemail.php", {
      "useremail": emailVal
    }, function(data) {
      alert(data);
      if (data == 0) {
        alert("has to be added");
        $("#formpge")[0].submit();
      } else
        $("#useremail").focus();
    });

  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form id="formpge" name="frmadduser" method="post">
  <div class="input1">
    <input type="text" placeholder="Your Full Name" id="username" name="username">
  </div>
  <div class="input2">
    <input type="text" placeholder="Your Email Address" id="useremail" name="useremail">
    <p color="blue" id="emailexist"></p>
  </div>
  <div class="input1">
    <input type="hidden" value="Y" name="active">
  </div>

  <div class="clear"></div>
  <div class="iwant_text2">
    <input type="submit" id="formsubmit" name="formsubmit" value="I Want One!">
  </div>
</form>

【问题讨论】:

  • 任何控制台错误?如果您更改为 $_GET 并从位置栏加载它,是否有任何 php 错误?警报会触发吗?

标签: php jquery forms submit


【解决方案1】:

试试这个代码它的工作原理:-

<form id="formpge" name="frmadduser" method="post">
  <div class="input1">
    <input type="text" placeholder="Your Full Name" id="username" name="username">
  </div>
  <div class="input2">
    <input type="text" placeholder="Your Email Address" id="useremail" name="useremail">
    <p color="blue" id="emailexist"></p>
  </div>
       <div class="input1">
    <input type="hidden" value="Y" name="active">
  </div>

  <div class="clear"></div>
  <div class="iwant_text2">
    <input type="submit" id="formsubmit" name="formsubmit" value="I Want One!" >
  </div>
  </form>
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
  $(document).ready(function(){ //newly added 
$("#formpge").submit(function(event) {
event.preventDefault();
var emailVal = $('#useremail').val();
alert(emailVal);
// assuming this is a input text field
 $.post("checkemail.php", {"useremail" : emailVal}, function(data) {
    alert(data);
    if(data == 0){
    alert("has to be added");
    $("#formpge")[0].submit();
    }
    else 
    $("#useremail").focus();
 });

});
});
  </script>

try fiddle here

【讨论】:

  • 如何判断它是否有效,您有一个 php 页面可以对其进行测试并查看请求是否发出?因为我认为他们不会。
  • 它的工作我在我的 php 页面的 $_REQUEST 变量中获取用户名。
【解决方案2】:

首先感谢 mplungjan、Gaurav Srivastava 和 Starscream1984。问题是,在 checkemail.php 中,我检查了 isset($_REQUEST['formsubmit'],但这没有设置,只设置了文本字段。我不知道为什么没有设置类型提交。 再次感谢。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-11-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-25
    相关资源
    最近更新 更多