那些年我们踩过的坑之表单reset

开发者往往是在一个又一个的坑中成长起来的,自学的开发者尤其如此,刚刚填完一个坑,转身又掉进另一个坑.有些坑很容易就跳出来了,也有些坑能整了一天都没头绪,第二天早上一来发现后面就有一架通往坑外的梯子,坑爹啊,问题原来这么简单! 我今天就踩了一个比较坑的坑,好在花了几分钟就跳出来了.事情是这样的: 今天在做一个新增自定义假期的功能,用到了表单.页面上有个新增按钮,点击弹出一个层,里面就是表单,用的是ajax提交.当用户点击取消时(顺便吐槽一下,保存和取消按钮设计得实在是太丑了),清空表单数据,弹出层…

表单reset无法重置hidden的解决方案

方法一:用text代替hidden,设置text隐藏 <input id="id" name="id" style="display: none;" value="0" /> 方法二:单独处理hidden类型 jQuery("#saveForm").form("reset"); jQuery("input[type='hidden']").val(&quo…

form表单reset重置按钮

如果ajax提交完数据,后想清空表单内容 ,以前都是用这个方法$("#id").val(""); 一个一个清空的,其实可以在form表单中加个隐藏的<input type="reset" style="display:none/>的重置按钮,ajax提交后调用下 $("input[type=reset]").trigger("click"); 就可以把输入框的值重置为默认值了(注意r…

那些年我们踩过的坑，SQL 中的空值陷阱！

文章目录 NULL 即是空三值逻辑空值比较 NOT IN 与空值函数与空值 DISTINCT.GROUP BY.UNION 与空值 ORDER BY 与空值空值处理函数字段约束与空值 SQL 是一种声明式的语言,我们只需要描述想要的结果(WHAT),而不关心数据库如何实现(HOW):虽然 SQL 比较容易学习,但是仍然有一些容易混淆和出错的概念. 今天我们就来说说 SQL 中的空值陷阱和避坑方法,涉及的数据库包括 MySQL.Oracle.SQL Server.PostgreSQL 以…

那些年我们踩过的坑-NSTimer

昨天下午工作的时候遇见一个这样的需求,网络请求失败后把请求数据保存到本地,并自动重发3次,时间间隔是10秒,如果3次后还失败的话,下一次启动这个接口的时候,把新数据和保存在本地的数据都要发送,刚开始以为没多少难度,不就是网络请求发送数据嘛,首先脑子里的第一反应就是用定时器,初始化定时器,然后触发相应的方法,设置请求的次数标志,超过3次停止定时器.事实却证明我还没有理解定时器...... 由于是老接口,不能修改,因为产品已经上线,修改会涉及到太多业务,所以只能客户端想办法处理.这样导致的问题就是新…

form表单reset表格并执行搜索

其中reset() 不需要定义 search():是你执行的搜索的函数 <html> <head> <title>sf</title></head> <body> <form action="a.php" method="post"> <input type="test" /> <button type="button" on…

Rails-Treasure chest3 嵌套表单； Ransack（3900✨）用于模糊查询, ranked-model(800🌟)自订列表顺序; PaperTrail(5000✨)跟踪model's data，auditing and versioning.

自订列表顺序, gem 'ranked-model' 多步骤表单显示资料验证错误讯息资料筛选和搜寻, gem 'ransack' (3900✨); 软删除和版本控制数据汇出(csv), 自订列表顺序:ranked-model( 800✨) https://github.com/mixonic/ranked-model gem 'ranked-model' 简单使用: 为Event增加一个column, :row_order,type是integer,加上index. 在model层…

JS高级程序设计表单部分

目录: 表单:1.引用表单 2.提交表单 3.重置表单 4.表单字段在HTML中,表单是由<form>元素来表示的,而在javascript中,表单对应的则是HTMLFormElement类型.HTMLFormElement继承了HTMLElement,因而与其他HTML元素具有相同的默认属性.不过HTMLFormElement也有自己的属性和方法: acceptCharset 服务器能够处理的字符集:等价于HTML中的a…

禁止button标签提交form表单，变成普通按钮

button有个type属性,属性值可为button.submit.reset button=普通按钮,直接点击不会提交表单submit=提交按钮,点击后会提交表单reset=表单复位当button的type属性值为button时,仅做为一个普通的按钮,并不会提交该表单,此时你可以通过js脚本来提交,而form中不需要加onsubmit事件.…

nodejs querystring踩坑笔记----只能用于表单提交

API中的实例: var http = require('http'); var querystring = require('querystring'); var postData = querystring.stringify({ 'msg' : 'Hello World!' }); var options = { hostname: 'www.google.com', port: 80, path: '/upload', method: 'POST', headers: { 'Conten…

【锋利的jQuery】表单验证插件踩坑

和前几篇博文提到的一样,由于版本原因,[锋利的jQuery]表单验证插件部分又出现照着敲不出效果的情况. 书中的使用方法: 1. 引入jquery源文件, 2. 引入表单验证插件js文件, 3. 在form中class类名中添加"required","email"等去作为验证时读取的参数. 4. 调用代码: $("#commentform").validate(); 很不幸,报错了.前端有个说法是学新不学旧,这里就不去深究原因,直接提供最新的写法…

表单编辑时el-form的validate方法执行无效,阻塞代码运行 - Element UI踩坑记录

今天在用element-ui写管理后台需求时,遇到一个奇怪的问题一个正常带校验的表单,在新增列表数据时表单校验功能正常: 但是在新增之后再去编辑数据时,表单校验却失效了,甚至阻塞了后续的代码执行,控制台却没有任何报错信息,这让我感到非常奇怪附上表单校验处代码在validate方法回调函数的第一行打印了日志,控制台没有任何输出,说明代码没有执行. 查阅了element文档以及度娘,有说是自定义校验方法的问题,但是把自定义校验相关代码及相关表单项都删除后问题还是没有解决. 各种尝试之后,最后发…

基于vue2.0前端组件库element中 el-form表单自定义验证填坑

eleme写的基于vue2.0的前端组件库: http://element.eleme.io 我在平时使用过程中,遇到的问题. 自定义表单验证出坑: 1: validate/resetFields 未定义. 原因: 1:要验证的DOM,还没有加载出来. 2:有可能this.$refs[ruleForm].validate() 方式不识别.需要使用: this.$refs.ruleForm.validate(); 解决方法 1: 要验证的DOM,还没有加载出来. this.ticketDialog…

才趟过的一个坑，css造成的Validform表单提交按钮点击无效

最近入手的一个项目,在开发的过程中,遇到了一个以前没遇到过的问题,废了半天的功夫才弄懂原因,留下足迹,警醒后人,下面开始讲故事啦! 在一个昏天暗地的上午,我一个人照常坐在办公室安静的工作中!项目编码已经初步完成啦,下一步自己全套流程测试一下. 登录-权限-添加数据,嗯PC好像都没问题,能正常运行.继续到手机上测试下,嗯,好像也没问题!也能运行.但感觉好像那点不对劲,静下心想两分钟. 歇后~ .再捣鼓一下,好像是出问题了,在我新打开的登录页面中,好像登录按钮第一次点击无效啊!赶紧多测试几下,发现确…

Angular 从入坑到挖坑 - 表单控件概览

一.Overview angular 入坑记录的笔记第三篇,介绍 angular 中表单控件的相关概念,了解如何在 angular 中创建一个表单,以及如何针对表单控件进行数据校验. 对应官方文档地址: Angular 表单简介响应式表单模板驱动表单表单验证配套代码地址:angular-practice/src/forms-overview 二.Contents Angular 从入坑到弃坑 - Angular 使用入门 Angular 从入坑到挖坑 - 组件食用指南 Angular 从…

$().each 和表单事件的坑

在用each循环时 1.想结束循环 return false 2.想跳过某循环 return 3.想跳出function 不行,请切换成其他循环如 for 使用form表单事件 1.必须要有submit 按钮 2.form 表单要有action 3.阻止表单提交 return false…

jquery attr处理checkbox / select 等表单元素时的坑

先上html结构 <body> <form action=""> <input type="checkbox" id="checkedAll">全选/全不选<br> <input type="checkbox" name="items" value="足球">足球 <input type="checkbox&qu…

jquery attr处理checkbox / select 等表单元素时只能使用一次的坑

先上html结构 <body> <form action=""> <input type="checkbox" id="checkedAll">全选/全不选<br> <input type="checkbox" name="items" value="足球">足球 <input type="checkbox&qu…

Angular 2 + 折腾记：(7) 初步了解表单：模板驱动及数据驱动及脱坑要点

前言表单在整个系统中的作用相当重要,这里主要扯下响应表单的实现方式. 首先须要操作表单的模块引入这两个模块. import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 表单控件响应的几种状态模板驱动表单依赖FormsModule,数据驱动的表单依赖FormsModule,ReactiveFormsModule 一般做表单校验及操作推荐用数据驱动的方式,好维护和理解.. 模板驱动模板驱动:主要是依赖[(ngModel…

element-UI 多表单重置的时候的坑

问题细化一下是这样的:比如我有一个用来修改数据的表单,第一条数据是{name: 'Xixi', age: 12},打开表单后就有两个输入框分别填的是Xixi和12,此时我修改Xixi为Haha,调用this.$refs[].resetFields()后,该表单数据恢复为Xixi和12,这是没问题的.现在我要修改第二条数据{name: 'Dog', age: 4},打开表单后将Dog修改为Cat,此时我再次调用this.$refs[].resetFields(),表单数据理想情况应该被重置为{na…

form表单中只有一个input时，按回车键后表单自动提交(form表单的一个小坑)

form中只有一个input按回车键表单会自动提交在一个form表单中,若只有一个input,按回车键表单会自动提交,但是当表单中存在多个input时,按回车键不会执行任何操作,这是form表单的一个特性,那么如何防止它的自动提交呢?这里提供四种方法. 第一种方法,把表单去掉,这是最管用,但也是最傻的方法,直接添加onclick事件,不用表单提交,这种方法就不赘述了. 第二种方法,很多人估计都想到过,就是既然一个input会自动提交,多个input就没问题,那么我给它多加一个i…

form表单里的坑

我们在写前端表单页面的时候,为了更好的SEO,我们会使用form标签,但是我们经常的情况是:我们并不需要form标签的一些默认事件,比如: 1.form内只有一个input标签的话,回车会触发表单的提交事件 2.form没有写action的话,默认就是当前页面 3.from内的button标签如果没有设置 type="button"属性的话,那么点击该button会触发表单的提交事件解决方案如下: 阻止1默认事件有两个解决方案: 添加一个隐藏的input框绑定表单的提交事件,事件处…

PHP CURL 模拟form表单上传遇到的小坑

1:引用的时候 $parans ['img']=new \CURLFile($param); 传入的文件在PHP版本5.5以上记得new CURLFile 不然会上传不成功 /** * http post请求--CURL模拟表单上传文件 * @param $url string 请求地址 * @param $params array 请求参数 * @param $header array 请求头 * @return mixed */ protected function _httpPostIm…

ajax提交表单，包括跳入的坑！

本来今天上午写了一个js执行上下文的一个了解.但是写一大半的时候出去有事,电脑关了啥都没了. 还是让我们进入正题 ajax提交表单,很简单,原生js的代码太复杂,我们就jq的去写. 创建html文件,编写内容. css样式我就随便写了一下. 写完以后就是这样样式你随便开心就行,开始编写js代码.(这里说一点,我这边用的是json:server假数据.不会的可以去看一下,我写的怎么搭建json:server.有问题可以留言) 我们先把数据给渲染出来吧. 这时候我们就能看到数据了. 终于到了主题了…

Ant Design Vue使用支持v-model效验的FormModel表单遇到的一个坑

按照官网上用法写好表单后,在a-select上绑定了change事件 <a-form-model-item label="类型" prop="config.type"> <a-select v-model="form.config.type" placeholder="请选择数据库类型" @change="handleChange"> <!-- <a-select-opt…

layui表单引入ueditor遇坑记

1. 错误示例:表单容器是div标签则无法获取ueditor的内容注:对于普通的表单元素表单容器是div也都能获取 <!DOCTYPE html> <html> <head> <title>layui ueditor</title> <meta charset="utf-8"> <link rel="stylesheet" href="https://www.layuicdn.…

Netty学习笔记（一）：接收nodejs模拟表单上传的文件

好久不写博客了,也好久不写代码了,这两天临时遇上一个事情,觉得不难,加上觉得手有些生,就动手做了一下,结果遇上了不少坑,有新坑,有老坑,痛苦无比,现在总算差不多了,赶紧记录下来,希望以后不再重复这种痛苦. 事情很简单,用nodejs模拟表单提交,上传文件到netty服务器. 1.netty的参考资料很多,目前有netty3,netty4两个版本,netty5出到alpha 2版本,不知道怎么的,就不更新了,官网也注明不支持了,所以我采用的是netty4.1.19版,目前最新的. 参考的资料大致如…