Jquery Submit()

Jquery Submit()

jQuery Submit()此事件仅附加到<form>元素。当某些表单元素具有焦点时,可以通过单击"提交"按钮或按键盘上的Enter按钮来提交表单。当Submit事件发生时,submit()方法将附加一个函数来运行。
语法:
 $(selector).submit()
它触发选定元素的提交事件。
 $(selector).submit(function)
它向Submit事件添加了一个函数。

jQuery Submit()事件的参数

参数 说明
function 这是一个可选参数。用于指定执行Submit事件时要运行的功能。

jQuery Submit()事件的示例

我们以一个示例来演示jQuery Submit()事件。
 <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>submit demo</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>输入'bianchenghao6' 提交,否则验证不通过。</p>
<form action="javascript:alert( 'success!' );">
  <div>
    <input type="text">
    <input type="submit">
  </div>
</form>
<span></span>
<script>
$("form").submit(function( event ) {
  if( $("input:first").val() === "bianchenghao6") {
    $("span").text("Submitted Successfully.").show();
    return;
  }
  $("span").text("Not valid!").show().fadeOut( 2000 );
  event.preventDefault();
});
</script>
</body>
</html>
输出:

输入'bianchenghao6' 提交,否则验证不通过。



<< Python 语法 Python 变量 >>