textarea为空时禁用提交按钮

2024-10-17

将input或textarea设置为disabled的样式问题

input:disabled{ -webkit-text-fill-color: #333;//是用来做填充色使用的 -webkit-opacity: 1; color: #333; } textarea:diabled 同样适用看到有人用这个实现了这个效果 .cont1{ font-size: 40px; -webkit-text-fill-color: transparent;//里面是透明色 -webkit-text-stroke: 1px #0094fc; //外面描线的样式 }

ajax页面刷新小错误（提交按钮type必须为button，而不能是submit）

背景: 使用ajax提交form表单时,提交按钮的type值写为了submit,导致ajax中回调函数中的提示信息toastr.success('提交数据成功');没有执行,只执行了alert语句 ,就算toastr提示语句在alert前面写着也不执行. function add_smoke() { $.ajax({ //几个参数需要注意一下 cache:false, type: "POST",//方法类型 dataType: "json",//预期服务器返回的数据

jquery实时监测手机号是否符合规则，并根据手机号检测结果将提交按钮设为不同状态

功能: 输入手机号,实时判断手机号输入的是否符合规则: 如果不合规则,则提交按钮为禁用状态,手机号信息不可提交,按钮显示灰色背景: 如果符合规则,则可提交所输入的手机号信息,并将按钮背景设成红色. 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <sty

Android开发 ---基本UI组件3：单选按钮、多选按钮、下拉列表、提交按钮、重置按钮、取消按钮

Android开发 ---基本UI组件2 1.activity_main.xml 描述: 定义一个用户注册按钮 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/activity_main" androi

003杰信-在jsp页面输入数据，然后在oracle数据库中插入factory数据，当字段允许为空时要特殊处理

本博客的内容全部来自于传智播客,特在此说明. 业务要求如下:在jsp页面(jFactoryCreate.jsp)上输入数据时,转到后台,并输入到数据库. jFactoryCreate.jsp页面:

表单提交按钮input和button、a的差异

现在普遍的在网页中,表单提交数据的按钮最常见实用有三种,一种是input,一种是button,最后一种,是其他如a标签,div标签,span标签代替而来.在以前的日子里,大家都习惯于用input,因为他直接拥有type=submit,而button没有,它更适合于表达 button.然而... 首先我们说说:input标签:这个最常见了,不多说:当type="submit"时,提交表单数据! button标签:经过测试:在<IE8浏览器,button的默认type="b

asp.net中如何防止用户重复点击提交按钮

asp.net中如何防止用户重复点击提交按钮 asp.net 中防止因为网速慢等影响交互的问题导致用户可能点击多次提交按钮,从而导致数据库中出现多条重复的记录,经过亲自验证在网上找的方法,找到两个切实可行的方法:第一种方法1.页面前台按钮: <asp:Button ID="btnSumbit" runat="server" Text="提交" onclick="btnSumbit_Click" /> 在后台Pa

readonly时禁用删除键，readonly按删除键后页面后退解决方案

readonly时禁用删除键, readonly按删除键后页面后退解决方案 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年9月16日 17:10:57 星期三 http://fanshuyao.iteye.c

js判断input输入框为空时遇到的问题弹窗后，光标没有定位到输入框，而是直接执行我的处理页面程序

无论是会员注册还是提交订单,我们都要使用到form表单,此时我们在处理数据时,就要判断用户填写的信息.一次是直接通过js判断input输入框是否没有填信息,然后在后台处理文件中通过过滤字符串后再次判断是否确实有内容了. 我遇到的问题:(记下来,下次忘记了再回来看看) js判断input输入框判断为空, 弹窗后,光标没有定位到输入框,而是直接执行我的处理数据程序. 我错误的原因是,在js代码中定位光标时代码写错了,注明为黄色字体 JS代码部分:  <sc

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

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

web 表单提交按钮的测试点

web表单中的提交按钮的测试点: 在提交前需要理解清楚的点: 1.表单中哪些字段是必填项 2.表单中字段内容的限制:非空.重复.长度.特殊字符,空格.以及一些和业务相关的约束条件测试点: 1.是否支持回车 2.单击 3.快速双击, 可能会导致重复提交的bug 4.网络中断 5.只输入必填项,单击提交 6.分别缺少一个必填项.单击提交(无效等价类不能合并) 7.所有字段的最大长度,单击提交 8.所有必填项+非必填项 ,单击提交 9.提交成功是否有提示 10.如果有上传附件,附件超大.网络慢,提交

HTML常用提交按钮

1. 标签=元素 disabled(不可操作) readonly(只读) placeholder(提示文本) autofocus(自动获焦) autocomplete=”on(默认.规定启用自动完成功能)/off禁用自动完成功能) 2. 文本框:<input type="text" name="ID" value=""> 3. 密码框:<input type="password" name="

flask 单个表单多个提交按钮

单个表单多个提交按钮在某些情况下,可能需要为一个表单添加多个提交按钮.比如在创建文章的表单中添加发布按钮和存草稿的按钮.当用户提交表单时,需要在视图函数中根据按下的按钮来做出不同的处理. 下面例子中创建了一个表单,save按钮用于保存,publish表示发布,正文字段使用TextAreaField字段. forms.py: class NewPostForm(FlaskForm): title = StringField('Title', validators=[DataRequired(),

HTML--使用提交按钮，提交数据

在表单中有两种按钮可以使用,分别为:提交按钮.重置.这一小节讲解提交按钮:当用户需要提交表单信息到服务器时,需要用到提交按钮. 语法: <input type="submit" value="提交"> type:只有当type值设置为submit时,按钮才有提交作用 value:按钮上显示的文字举例: 在浏览器中显示的结果:

Activiti获取当前活动（任务）的出口（动态生成提交按钮）

1.设置出口变量当一个任务有一个或多个出口时,可以在出口连线出设置判断条件如图: 2.根据任务Id获取出口集合 public List<String> getOutGoingTransNames(String taskId) { List<String> transNames = new ArrayList<>(); // 1.获取流程定义 Task task = this.taskService.createTaskQuery().taskId(taskId).si

ASP.NET防止连续多次点击提交按钮导致页面重复提交

PS:实际使用中发现,第①种方法在火狐浏览中有时候有问题.第2种方法,在各个浏览器中都没问题近做项目遇到了这样的情况: 公司网络比平常慢了不少,在点击保存按钮提交页面后需等待挺长的一段时间,忍不住手贱点多了几次,当提交完成后发现数据库竟多出了几条相同的数据!也就是说相同的内容提交了多次. 经测试,当网络很顺畅的时,快速连续不断点击提交按钮,也会造成页面重复提交!点击多少次就会提交多少次,也就会录入多少条数据! 当然,若录入的数据中有唯一值的判断处理或者数据表字段有唯一性约束,就不会出现录入重复

如何为Form表单的多个提交按钮指定不同的Action地址？

这是我很久以前看到的一个技巧,但我忘记在哪里了,当时遇到这样的需求,做了笔记,现在整理成文章分享出来,因为我感觉这个小技巧还是挺有用的,这种应用场景也算比较常见,比如一个表单有"保存"."保存草稿"."预览"多个Submit按钮,就可以用到这个技巧. 假如我们有这样一个表单: <form action="/submit">  <input type=&qu

VB6.0中，DTPicker日期、时间控件不允许为空时，采用文本框与日期、时间控件相互替换赋值（解决方案）

VB6.0中,日期.时间控件不允许为空时,采用文本框与日期.时间控件相互替换赋值,或许是一个不错的选择. 实现效果如下图: 文本框txtStopTime1 时间框DTStopTime1(DTPicker控件) 右键-属性-选择格式3 - dtpCustom HH:mm:ss若没有DTPicker控件,在部件中添加工具-部件-控件-“Microsoft Windows Common Controls-2.6.0”-应用-确定代码如下: Private Sub Form_Load()

HTML中图像代替提交按钮

1. 用图像代替提交按钮当只有一个提交按钮的时候 ,可以简单的实现,不用添加事件函数,代码是: <input type = "image"' name = "..." src = "url" width= "" height = "" border = ""> 除了标签改为input type = "image"以外,其他的属性和<img>

[WPF]ComboBox.Items为空时，点击不显示下拉列表

ComboBox.Items为空时,点击后会显示空下拉列表: ComboBox点击显示下拉列表,大概原理为: ComboBox存在ToggleButton控件,默认ToggleButton.IsChecked和ComboBox.IsDropDownOpen为双向绑定. 点击ComboBox-->ToggleButton.IsChecked=true-->ComboBox.IsDropDownOpen=true-->显示下拉列表. 要实现ComboBox.Items为空时不显示下拉列表,

当窗体获得焦点时禁用max快捷键

最近一段时间一直在MXS里用dotnet写界面...写的各种头晕眼花... 过程中遇到了 TextBox 控件输入时与max快捷键冲突的问题. 解决办法是用 MaxTextBox 控件替换,今天请教了徽神~ 才知道原来max有个系统全局变量 enableAccelerators . 可以在窗体获得焦点时禁用max的快捷键.在这里记录一下,顺便感谢徽徽的帮助~

textarea为空时禁用提交按钮

热门专题