表单提交(五)——jquery方式

.submit( handler )方式提交,不需要用onsubmit,直接在handler进行表单验证.

为了阻止Enter提交表单,当按下Enter键时阻止表单默认行为。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">

        $(function(){

            $(‘#myForm‘).on("keypress", function(e) {
                var code =e.which;
                if (code  == 13) {
                    e.preventDefault();

                }
            });
            $("#myForm").submit(function(){

               // return false;//这里进行表单验证

            })

        })
    </script>
</head>

<body>

<form id="myForm" action="http://www.baidu.com" method="get" >
    姓名:<input type="text" name="name" size="20"><br />

    <input type="submit"  value="提交">
</form>
</body>

</html>

表单提交(五)——jquery方式

时间: 2024-12-10 15:14:18

表单提交(五)——jquery方式的相关文章

form表单提交转为ajax方式提交

在做项目的过程中遇到要将form表单提交转为ajax方式提交,下面是我总结的如何把form表单提交无缝转为ajax方式提交的方法. 原先的form表单长这样: <form action="xxx" method="get"> //action的值是请求的url地址 <div class="form-group"> <label for="name">姓名</label> <

Ajax表单提交插件jquery form

jQuery Form插件是一个优秀的Ajax表单插件,我们可以非常容易的使用它处理表单控件的值,清空和复位表单控件,附件上传,以及完成Ajax表单提交. jQuery Form有两个核心方法ajaxForm()和ajaxSubmit(),本文我们重点介绍ajaxSubmit()的应用. HTML 首先我们载入jquery库和jquery.form.js插件.jquery.form.js插件的官网地址:http://www.malsup.com/jquery/form/ <script type

jquery插件-表单提交插件-jQuery.Form

1.介绍 JQuery Form插件是一款强大的Ajax表单提交插件,可以简单方便的实现让我们的表单 由传统的提交方式转换成Ajax无刷新提交! 他提供了两个核心的方法ajaxForm以及ajaxSubmit 让我们方便的实现无刷新效果提交表单! http://malsup.com/jquery/form/ https://github.com/malsup这个因该是作者的gitbub,我下载看了一下那个readme文件竟然是 API 2.快速入门 1.引入插件 (方法同jQuery) 2.将表

Jquery Ajax表单提交插件jquery form用法

首先我们载入jquery库和jquery.form.js插件.jquery.form.js插件的官网地址:http://www.malsup.com/jquery/form/  代码如下 复制代码 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.form.m

input ,button, textarea 1)使用disabled , 2) 显示值, 3) 表单提交. 4) jquery.form.js ajaxSubmit() 无刷新ajax提交表单.

1.使用disabled input , button  textarea 可以 被 禁用, 禁用的效果 : 1) 上面的点击事件无法使用 --- button       : 下面的 onclick属性 不能使用了. ------------------------- input: ------------------------------ textarea 2. input, textaere 显示 原先 填充的值; input:  写在 value属性上. ---------------

js表单提交一种方式

在一个html和php混编的文件中,用到js提交表单的方法: 定义表单id为form1,提交按钮type为submit, var data_info = document.getElementById("form1"); data_info.action="test.php?action=login"; data_info.submit(); 这样就把form1表单的数据提交到test.php,可以再通过$_GET['action']进入login方法中了.

Form表单提交的简要方式

<html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src="~/js/jquery-1.4.4.min.js"></script> <script> $(function () { $('form').subm

HTML表单提交总结

http://www.cnblogs.com/shizqiang/p/5984414.html 概述:随着HTML5的兴起,前端越来越多样化,比如表单的提交,现在就有多种方式可以选择,下面总结一下常见的表单提交方式. 1.最基本的表单提交. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单提交示例 - 基本表单提交</title> <

easyui表单提交注意项

Easyui中提供的form表单提交为ajax方式提交 $('#ff').form('submit'); //页面不会进行刷新 使用JQuery提供的form提交着为form方式提交 $('#ff').submit(); //刷新页面 原文地址:https://www.cnblogs.com/Richard-Tang/p/easyui.html

ajax form表单提交 input file中的文件

ajax form表单提交 input file中的文件 现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为了解决这个问题我走了不少弯路: 1.用原生的 input file , 不支持ajax上传文件,你肯定会说可以用 ajax form表单上传了呀?不过我后面还要调用上传成功后用js处理一些对话框,所以这种方法排除 2.用了 uploadify 上传插件,弄出来能上传东西,结果不理想:因为不能判断上传的