个性化阅读
专注于IT技术分析

jQuery Submit()

点击下载

本文概述

当用户尝试提交表单时, jQuery提交事件将发送到元素。

此事件仅附加到<​​form>元素。当某些表单元素具有焦点时, 可以通过单击“提交”按钮或按键盘上的Enter按钮来提交表单。当Submit事件发生时, submit()方法会附加一个函数来运行。

句法:

$(selector).submit()

它触发选定元素的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>Type 'srcmini' to submit this form finally.</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() === "srcmini" ) {
    $( "span" ).text( "Submitted Successfully." ).show();
    return;
  }
  $( "span" ).text( "Not valid!" ).show().fadeOut( 2000 );
  event.preventDefault();
});
</script>
</body>
</html>

立即测试

输出:

键入“ srcmini”以最终提交此表单。

赞(0)
未经允许不得转载:srcmini » jQuery Submit()

评论 抢沙发

评论前必须登录!