jQuery submit() 方法,指的是提交表单的时候触发的方法。

使用该方法,可用于我们提交表单时判断用户输入参数是否合法,是否提交给后端。

语法

$(selector).submit(function)

function: 是可选参数。用于指定提交事件执行时要运行的函数。

例子

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <title>submit() 例子</title>
  <style>
  p {
    margin: 0;
    color: blue;
  }
  div,p {
    margin-left: 10px;
  }
  span {
    color: red;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p>submit()是提交表单的时候触发执行的方法。</p>
<form action="javascript:alert('成功!');">
  <div>
    <input type="text">
    <input type="submit">
  </div>
</form>
<span></span>
<script>
$("form").submit(function(event){
  if ( $( "input:first" ).val() === "yxjc123" ) {
     $( "span" ).text( "提交成功。" ).show();
     return ;
  }
  $( "span" ).text( "无效!" ).show().fadeOut( 2000 );
  event.preventDefault();
});
</script>
</body>

</html>