javascript - Jquery .post() 不调用脚本

Question

我试图在不清除表单数据的情况下将数据从表单传递到插入脚本。我正在使用此功能对提交按钮的按下进行操作，但我什么也没得到。如果表单缺少数据，它甚至被设置为抛出错误，但它甚至没有做到这一点。我只能假设我没有正确调用它。

$(function() {
    $(".submit").click(function() {
        var facility = $("#facility").val();
        var riskclient = $("#riskclient").val();
        var riskdate = $("#riskdate").val();
        var dataString = 'facitlity=' + facility + '&riskclient=' + riskclient + '&riskdate=' + riskdate;

        if (facility == '' || riskclient == '' || riskdate == '') {
            $('.success').fadeOut(200).hide();
            $('.error').fadeOut(200).show();
        } else {
            $.ajax({
                type: "POST",
                url: "insertriskass.php",
                data: dataString,
                success: function(){
                    $('.success').fadeIn(200).show();
                    $('.error').fadeOut(200).hide();
                }
            });
        }
        return false;
    });
});

<div class="body">   
    <div align='center'>
        <div class="tablebackground">
            <form  method ="post" name= "form"  id="form">            
                <table border='1' >
                    <tr>
                        <td>Facility</>
                        <td><input  type="text" name= "riskFacility" id="facility"></td>
                        <td rowspan='4'><input type="submit" name="submit" value="New Client" class="submit"/</td>
                    </tr>
                    <tr>
                        <td>Client</td>
                        <td><input required type="text" name="riskClientId" id="riskclient" value="<?php echo htmlspecialchars($_POST['riskClientId']); ?>"></td>
                    </tr>
                    <tr>
                        <td>Audit Date</td><td> <input required type="text" id="datepicker"     name="riskauddate" id="riskdate"></td>
                    </tr>
                </table>
            </form> 

绝对不会向插入脚本传递任何内容。所以，我想我又说错了。

Answer 1

我看到你的 html 标签没有正确关闭

<div class="body">

  <form method="post" name="form" id="form">

    <table border='1'>
      <tr>
        <td>Facility</td>
        <td>
          <input type="text" name="riskFacility" id="facility">
        </td>
        <td rowspan='4'>
          <input type="submit" name="submit" value="New Client" class="submit" /> </td>
      </tr>
      <tr>
        <td>Client</td>
        <td>
          <input required type="text" name="riskClientId" id="riskclient" value="">
        </td>
      </tr>
      <tr>
        <td>Audit Date</td>
        <td>
          <input required type="text" id="datepicker" name="riskauddate" id="riskdate">
        </td>
      </tr>

    </table>
  </form>

检查是否有错误回调