JS检测回车并提交数据

form表单回车提交问题,JS监听回车事件

我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此.比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交. 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则: 1. 如果表单里有一个type="submit"的按钮,回车键生效. 2. 如果表单里只有一个type="text"的input

使用jquery.form.js的ajaxsubmit方法提交数据的Bug

周五同事遇到一个很奇怪的问题,调到下班,虽然问题解决了,但是不知道问题的具体原因,回来翻了翻代码,才发现症结所在,下面就分享出来,供遇到同样问题的同行们参考: 先把问题描述一下,做的功能是使用ajax向后台来提交数据,为了向用户进行很好的错误提示,后台中将出现错误时的错误原因返回给前端,前端使用jquery.form.js的ajaxsubmit来提交数据,并在success方法中提示"操作成功",在error方法中提示错误原因.整个form提交的数据包括一些简单的input和一个文件的

转载 ----HTML5 ---js实现json方式提交数据到服务端

json提交给服务器我们在提交之前需要通过js的相关函数来把数据转换成json格式的数据再进行post或get了,下面来看看. 大概需求就是前端要把数据组装成json,传给后端.首先,在客户端,通过javascript脚本将页面表单数据封装成json格式.getjsondata()函数完成了这一功能.然后我们通过$.ajax()方法将数据发送到服务端,其中用到了json.stringify()方法,它可以将客户端发送地数据转换成json对象直接上代码: 代码如下复制代码 $.ajax(

js检测回车符

在说检测回车符之前,需要了解keydown和keypress的区别比如你可以将检测事件绑定在input上,如下所示: <input name="remark" id="remark"> $("#remark").keydown(function () { var theEvent = window.event || event; var code = theEvent.keyCode || theEvent.which; if (c

简单的vue.js的表单提交数据至flask然后数据库入库,再将表里面的数据展示在网页

一.先在数据库中创建表格在mysql中建users库并建立一个含有ID,username,email三个字段的user表二.去vue的组件里面写页面的表单代码,注意form标签里的action需要暂时先空着,等flask的代码写完后填入flask的链接地址然后将这个vue.js需要在index.js里面配置三.用python实现连接数据库,获取表单数据并入库四,将写入到数据库表格的内容写入到网页中,在网页展示别忘了在vue的form标签的action属性加入flask的地址效果展

js 模拟ajax方式提交数据

html页面 <script>function LocaluploadCallback(msg) { document.getElementById("f_localupload").outerHTML = document.getElementById; //清空 alert(msg);} </script> <form id="formlocalupload" action="/album/upload/&q

js以json形式提交数据，后台接受

$("#savename").click(function(){ var fananname=$("#editname").val(); var jsonList = eval(createArray()); var jsonText = JSON.stringify(jsonList); $.ajax({ type: "POST", url: "/shop/ffselect!saveAttachedUrl.action",

MVC js动态生成from提交数据然后生成文件下载

前台: 点击触发下面事件 var turnForm = document.createElement("form"); //一定要加入到body中!! document.body.appendChild(turnForm); turnForm.method = 'post'; turnForm.action = 'GetCSV'; turnForm.target = '_blank'; //创建隐藏表单 var newElement = document.createElement(&

js按回车事件提交

$(document).keyup(function (event) { if (event.keyCode == "13") { document.getElementById("btnseach").click(); return false; } });

JQuery按回车提交数据

引入JQuery文件 <script src="JS/jquery-1.9.1.js" type="text/javascript"></script> JS代码: <script type="text/javascript"> $(function () { $("#btnSearch").focus(function () { $(this).removeClass("blur

node.js系列（实例）：原生node.js实现接收前台post请求提交数据

前台界面: 前台代码: <form class="form-horizontal" method="post" action="http:127.0.0.1:3000/post"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">姓名<

js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题

js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param {object} 参数对象 * url 必填提交地址 * methond 选填默认post 提交方式 post get * target 选填默认_self 当前页面还是新页面 _self _blank * 其它参数 */ function jsFormSubmit(params) { va

html form禁止表单回车自动提交（通常原因是为在ajax提交前、后进行js判断控制）

@*onkeydown事件用于禁止回车自动提交form,这样就不经过js控制跳转*@ <form action="/Account/CheckPsw" method="post" id="login-form" onkeydown="if(event.keyCode==13){return false;}"> <div class="form-group has-feedback">

js jq输入框中按回车触发提交事件，用户在页面输入后按回车（Enter键）进行

js jq输入框中按回车触发提交事件,用户在页面输入后按回车(Enter键)进行代码如下: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <script src="htt

js提交数据时需判断是点击事件还是回车键

使用回车键实质还是点击事件==回车时将焦点聚居在某个标签上. Html代码: <div id="btlogin" class="btlogin"></div> 用于提交数据触发的按钮 JavaScript代码: 先判断是否是回车键: //回车键 document.onkeydown = function (e) { if (!e) e = window.event; //火狐中是 window.event ) { var btlogin =

js防止提交数据之后的按钮连击

js防止提交数据之后的按钮连击一.实例描述当页面提交的数据特别多时,页面会反应比较迟钝,此时如果用户等不及而连续单击按钮,导致数据重复提交.本案例就是为了防止数据重复提交. 二.截图三.代码 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>课堂演示</title> <style type

js 对于回车时间的监听，提交表单

// ------ 监听回车事件 -----------------// document.onkeydown=keyDownSearch; function keyDownSearch(e) { //回车函数 // 兼容FF和IE和Opera var theEvent = e || window.event; var code = theEvent.keyCode || theEvent.which || theEvent.charCode; if (code == 13) { login()

js 批量提交数据

// 批量提交数据 let pageSize = 100, total = dataTmp.length, list = dataTmp let totalPage = Math.ceil(total / pageSize) // 总页数 for(let curPage = 1; curPage <= totalPage; curPage++) { let actualParams = [] let startRow = (curPage - 1) * pageSize+1; // 开始显示的行

利用ajax的方式来提交数据到后台数据库及交互功能

怎么样用ajax来提交数据到后台数据库,并完成交互呢????? 一.当我们在验证表单的时候,为了阻止把错误的也发送到服务器,我们通常这样设置: $(function(){ var isusername;(定一个变量) var ispwd; $('form').submit(function(e){ if(!isusername || !ispwd){ e.preventDefault();(

php对提交数据的验证

<?php //security.php /** * @author zhengwei * @copyright 2007 */ /* 函数名称:inject_check() 函数作用:检测提交的值是不是含有SQL注射的字符,防止注射,保护服务器安全参数:$sql_str: 提交的变量返回值:返回检测结果,ture or false 函数作者:heiyeluren */ function inject_check($sql_str) { return eregi('select|ins

【转】四种常见的POST提交数据方式

HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS.GET.HEAD.POST.PUT.DELETE.TRACE.CONNECT 这几种.其中 POST 一般用来向服务端提交数据,本文主要讨论 POST 提交数据的几种方式. 我们知道,HTTP 协议是以 ASCII 码传输,建立在 TCP/IP 协议之上的应用层规范.规范把 HTTP 请求分为三个部分:状态行.请求头.消息主体.类似于下面这样: <method> <request-URL> <version&

JS检测回车并提交数据

热门专题