Javascript Jquery unbind（）不适用于联系人表单_Javascript_Jquery_Unbind

Javascript Jquery unbind（）不适用于联系人表单

javascript jquery

Javascript Jquery unbind（）不适用于联系人表单,javascript,jquery,unbind,Javascript,Jquery,Unbind,我正在构建我的第一个联系人表单如果没有错误消息，我正在尝试解除绑定我的函数。代码如下-无论出于何种原因，我在我的开发控制台中不断收到以下错误消息：未捕获的TypeError:$（…）。取消绑定不是函数谢谢你的帮助 <!DOCTYPE html> <html lang="en"> <head>  <meta charset="utf-8"> <

我正在构建我的第一个联系人表单

如果没有错误消息，我正在尝试解除绑定我的函数。
代码如下-无论出于何种原因，我在我的开发控制台中不断收到以下错误消息：

未捕获的TypeError:$（…）。取消绑定不是函数

谢谢你的帮助

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  </head>
  <body>

  <div class ='container'>
    <h1>Get in touch!</h1>

    <div id='error'></div>

      <form>
        <div class="form-group">
          <label for="exampleInputEmail1">Email address</label>
          <input type="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="Enter email">
        </div>


        <div class="form-group">
          <label for="exampleInputPassword1">Subject</label>
          <input type="password" class="form-control" id="subject" placeholder="Subject">
        </div>


        <div class="form-group">
          <label for="exampleTextarea">Message</label>
          <textarea class="form-control" id="message" rows="3"></textarea>
        </div>
        <button type="submit" class="btn btn-primary" id="submit">Submit</button>
      </form>

    </div>

    <!-- jQuery first, then Tether, then Bootstrap JS. -->
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>

    <script type='text/javascript'>
    $('form').submit(function (e) {

      e.preventDefault();
      var error ="";

      if ($('#subject').val() == "") {
        error += 'The subject field is required.<br>';
      }

      if ($('#message').val() == "") {
        error += 'The message field is required.<br>';
      }


      if ($('#email').val() == "") {
        error += 'The email field is required.';
      }

      if (error != "" ) {
        $("#error").html(
        '<div class="alert alert-danger" role="alert"></p> <strong>Error(s) in your form:</strong></p>' + error +  '</div>');
      }else{
        $("form").unbind('submit').submit();
      }

    });
    </script>
  </body>
</html>


联系！
电子邮件地址
主题
消息
提交
$（'form'）。提交（函数（e）{
e、 预防默认值（）；
var误差=”；
if（$（'#subject'）.val（）=“”）{
错误+=“主题字段是必需的。
”；
}
if（$（'#message'）.val（）=“”）{
错误+='消息字段是必需的。
'；
}
如果（$（'#email'）.val（）=“”）{
错误+=“电子邮件字段是必需的。”；
}
如果（错误！=“”）{
$（“#错误”）.html(
“
您表格中的错误：'+错误+”；
}否则{
$（“表单”）.unbind（'submit'）.submit（）；
}
});

您正在使用jQuery的

3.1.1.slim

构建。根据：

[精简版]“…排除了ajax、effects和当前不推荐的代码”

在v3.0中已弃用，因此未包含在您正在使用的构建中

改用。

您正在使用jQuery的

3.1.1.slim

构建。根据：

[精简版]“…排除了ajax、effects和当前不推荐的代码”

在v3.0中已弃用，因此未包含在您正在使用的构建中

改为使用。

您想对此行做什么：

$（“表单”）.unbind（'submit'）.submit（）

看起来像

$（“表单”）.unbind（'submit'）.submit（）应替换为$（“表单”）。关闭（'submit'）。。。如果操作失败，则禁用任何未来提交尝试。或者干脆删除，我想。你想怎么处理这行：$（“表单”）.unbind（'submit'）.submit（）
看起来像$（“表单”）.unbind（'submit'）.submit（）应替换为$（“表单”）。关闭（'submit'）。。。如果操作失败，则禁用任何未来提交尝试。或者干脆把它拿走，我想。