jquery,当字段失去焦点时提交表单 - 腾讯云开发者社区

文章/答案/技术大牛

发布

提交表单时input字段非空验证

需求，当提交表单的时候，如果要验证的字段为空，则弹出提示框提示请完善表单信息，并且 return;不执行下一步。 jquery.../3.4.1/jquery.min.js"> $("#addBtn").on("click", function() { //验证字段...if(validate()) { layer.msg('请完善表单信息', { icon: 5, time: 1000 });

4.5K2 0

jQuery 失去焦点时输入框为空时自动填写默认内容

$("#address").focus(function () { // 地址框获得鼠标焦点 var txt_value = $(this).val(); // 得到当前文本框的值 if...请输入邮箱地址") { $(this).val(""); // 如果符合条件，则清空文本框内容 } }); $("#address").blur(function () { // 地址框失去鼠标焦点...this).val("请输入邮箱密码"); } }) //另一个方法 $(function () { $("#address").focus(function () { // 地址框获得鼠标焦点...$(this).val(""); // 如果符合条件，则清空文本框内容 } }); $("#address").blur(function () { // 地址框失去鼠标焦点

3.1K0 0

您找到你想要的搜索结果了吗？

是的

没有找到

提交表单时input字段非空验证

5771 0

Validate使用及配置

form-register为表单ID，验证代码如下： $().ready(function(){ $("#form-register").validate({ debug: true...site_url('captcha/check') }}", type: "post" } } }, messages:{} }); }); 提示信息点击提交按钮后验证不通过的会自动在...required: "请输入验证码", minlength: "验证码输入错误", remote: "验证码输入错误" } } 常用设置 debug：开启调试，当设置...true时只验证，不会提交表单。...onfocusout：失去焦点验证，上例中是失去焦点就验证，不需要点击submit按钮。 errorElement: 用来指定错误提示标签，默认为label。

1.6K3 0

分析：input表单输入框默认提示信息

我之前也做过，做法应该和大家都差不多，在输入框里写入提示内容，当鼠标获取焦点后清空内容，当失去焦点后判断内容是否为空，如果为空，则恢复显示提示内容，反则不显示。但这样的做法是否合理？...1、如果输入内容和提示内容完全一样，当失去焦点后，应该如何判断？　　...2、如果input在表单里，提交表单后，提示信息随着表单一并提交，难道还要在后端判断提交信息不等于提示信息，再进行数据操作么？　　3、如果1、2两条都触发，后端要如果操作？　　...请输入信息　　附1：这个功能我已经整合在我自己写的插件里，欢迎查看：jquery.HooRay...——自己做的一个jquery常用工具插件　　附2：了解HTML5的PLACEHOLDER属性，点击前往

3.6K5 0

jquery 绑定事件 - blur() 失去焦点 - focus() 获取焦点

事件函数列表 blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入（进入子元素也触发） mouseout() 鼠标离开（离开子元素也触发）...编写一个form表单，用来演示输入框获取焦点和失去焦点的示例 ?...focus() 元素获得焦点首先先来这个focus()函数。 ? 可以看到当获取焦点的时候，就立即弹出alert()。...其实通过focus()函数只是简单用来初始化文本框的焦点输入的而已，如下： ? 当刚进入页面，文本框就自动获取焦点，这基本上就是这个方法的大部分用法了。...blur() 元素失去焦点使用blur()失去焦点这个方法一般会结合获取文本框内容的函数一起使用，如下： ? 当获取到文本框内的值之后，就可以对其进行正则验证或者其他方式的校验。

14.1K3 0

java文本框获得输入焦点_文本框获得焦点和失去焦点的判断代码

文本框失去焦点事件、获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件...，我们可以使用jQuery的焦点函数focus(),blur()。...focus()：得到焦点时使用，和javascript中的onfocus使用方法相同。...如： $(“p”).focus(); 或$(“p”).focus(fn) blur()：失去焦点时使用，和onblur一样。...代码如下：第二种： jQuery 原理：让表单的val值等于其title值。

5.5K4 0

jQuery formValidator表单验证插件

jQuery formValidator表单验证插件是客户端表单验证插件。...Query formValidator表单校验插件支持的验证功能（还有很多功能没有罗列）罗列如下：支持所有类型客户端控件的校验支持jQuery所有的选择器语法，只要控件有唯一ID和type属性。...如果一个页面有多个提交按钮，分别做不同得提交，提交前要做不同的校验，所以你得用到校验组的功能。支持4种状态的信息提示功能，可以灵活的控制4种状态是否显示。...第一种：刚打开网页的时候进行提示；第二种：获得焦点的时候进行提示；第三种：失去焦点时，校验成功时候的提示；第四种：失去焦点时，校验失败的错误提示。支持自动构建提示层。支持自定义错误提示信息。...使用插件必须加载的文件 [top] //加载jQuery类库 jquery_last.js" type="text/javascript"> //加载插件的样式库

3.3K9 0

jquery校验规则的使用

(jQuery.validator.messages, { required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件...;form.submit(); } }); 如果想提交表单, 需要使用form.submit()而不要使用$(form).submit() 2.debug，如果这个参数为true，那么表单不会提交...设置唯false就用其他方法去验证 onfocusout：Boolean Default: true 失去焦点是验证(不包括checkboxes/radio buttons) onkeyup：...onclick：Boolean Default: true 在checkboxes 和 radio 点击时验证 focusInvalid：Boolean Default: true 提交表单后...，未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点 focusCleanup：Boolean Default: false 如果是true那么当未通过验证的元素获得焦点时

6K3 0

【转】jQuery验证控件jquery.validate.js使用说明+中文API

设置唯false就用其他方法去验证 onfocusout：Boolean Default: true 失去焦点是验证(不包括checkboxes/radio buttons) onkeyup：Boolean...onclick：Boolean Default: true 在checkboxes 和 radio 点击时验证 focusInvalid：Boolean Default: true 提交表单后...，未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点 focusCleanup：Boolean Default: false 如果是true那么当未通过验证的元素获得焦点时，...$(".selector").validate({ onclick:false }) focusInvalid Boolean 默认:true 提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单...)会获得焦点 $(".selector").validate({ focusInvalid:false }) focusCleanup Boolean 默认:false 当未通过验证的元素获得焦点时

5.9K4 0

JQuery学习—JQuery-Validation 使用

(jQuery.validator.messages, { required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url:...;form.submit(); } }); 如果想提交表单, 需要使用form.submit()而不要使用$(form).submit() 2.debug，如果这个参数为true，那么表单不会提交，只进行检查...设置唯false就用其他方法去验证 onfocusout：Boolean Default: true 失去焦点是验证(不包括checkboxes/radio buttons) onkeyup：Boolean...Default: true 提交表单后，未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点 focusCleanup：Boolean Default: false 如果是true...那么当未通过验证的元素获得焦点时，移除错误提示。

5.7K2 0

JQuery选择器

jQuery选择器 jQuery的基本用法 jQuery.js”> 引用Jquery的两种方式 jQuery常用的事件： load：当文档加载时运行脚本 blur：当窗口失去焦点时运行脚本 focus：当窗口获得焦点时运行脚本...change：当元素改变时运行脚本 submit：当提交表单时运行脚本 keydown：当按下按键时运行脚本 keypress：当按下并松开按键时运行脚本 keyup：当松开按键时运行脚本...mouseover：当鼠标指针移至元素之上时运行脚本 mouseup：当松开鼠标按钮时运行脚本 abort：当发生中止事件时运行脚本 jQuery常用的效果方法 (selector).hide(...– 设置或返回所选元素的文本内容 (selector).html() – 设置或返回所选元素的内容（包括 HTML 标记） (selector).val() – 设置或返回表单字段的值 (selector

8.7K1 0

02-老马jQuery教程-jQuery事件处理

blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的 focus([[data],fn]) $("p").focus(); 当元素获得焦点时，触发 focus 事件。...focusout([data],fn) $("p").focusout(); 当元素失去焦点时触发 focusout 事件。...focusout事件跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况 change([[data],fn]) $('p').change(); 当元素的值发生改变时，会发生 change...scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口） submit([[data],fn]) $("form").submit(); 当提交表单时，会发生 submit 事件。...参数： type 触发的事件类型 data 给事件处理程序的事件对象的额外�参数，数组类型返回值：依然是jQuery的包装对象实例： //提交第一个表单，但不用submit() $("form

3.7K8 0

【前端基础篇】JavaScript之jQuery介绍

⽅法： JQuery方法说明 text() 设置或返回所选元素的文本内容 html() 设置或返回所选元素的内容（包括 HTML 标签） val() 设置或返回表单字段的值 **这三个⽅法即可以获取元素的内容...toggleClass("activeClass"); // 如果 #elementId 元素当前有 "activeClass" 类，则移除它，否则添加它事件处理拓展 - 详细解释与示例 focus(): 当元素获得焦点时触发...背景颜色会变为黄色 blur(): 当元素失去焦点时触发，通常用于验证用户输入。...submit(): 当表单提交时触发，通常用于在提交前进行验证或提交确认。...; }); // 用户提交表单时，弹出提示 change(): 当表单元素的值发生变化时触发，适用于下拉菜单或单选按钮等。

3.2K1 0

jQuery基础教程之事件监听操作

jQuery基础教程之事件监听操作一、事件监听方法 1.执行事件 $("p").click(); 2.监听事件 $("p").click(function(){...鼠标离开 touch 触摸事件 touchstart 触摸开始 touchmove 移动 touchend 触摸结束键盘事件 keydown 键盘按下 keyup 键盘放开表单事件...submit 表单提交 change 内容改变 focusin 当元素获得焦点时 focusout 当元素失去焦点时文档/窗口事件 load 窗口载入 resize 窗口更改大小.../jquery.min.js"> $(".list").on("click",".item",function(e){

1.2K1 0

jQuery进阶前言

前言：在《jQuery入门》一文中，记录了jQuery选择器、属性与样式和DOM操作等内容，本文将对jQuery的事件以及Ajax相关知识点进行讲解。接下来就一起来学习一下。...focusout()相反，就是失去焦点，用法和focusin()类似。二、表单事件： 1、blur()和focus(): 这两个就是处理表单焦点的事件，blur()是失去焦点，focus是聚焦。...3、select()事件：当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。...4、submit()事件：这个是表单提交事件，提交表单时触发。...注意，$就是jQuery的简写。url表示要异步请求的url；data是连同请求一起发送到服务器的数据，可选；function就是当请求完执行的函数，可选。

3.3K2 0

解决blur与click冲突

一、blur和click事件简述 blur事件：当元素失去焦点时触发blur事件；其为表单事件，blur和focus事件不会冒泡，其他表单事件都可以。...click事件：当点击元素时触发click事件；所有元素都有此事件，会产生冒泡。...console.log("my input click"); }); // 输出结果： my input click my document click 示例3：点击某元素导致前一个元素失去焦点...展示下拉框 $(".search-list").attr("data-status", "show"); }).blur(function(){ // input框失去焦点..."data-status", "show"); }).blur(function(){ setTimeout(function(){ // input框失去焦点

3.7K3 1

解决blur与click冲突

一、blur和click事件简述 blur事件：当元素失去焦点时触发blur事件；其为表单事件，blur和focus事件不会冒泡，其他表单事件都可以。...click事件：当点击元素时触发click事件；所有元素都有此事件，会产生冒泡。...console.log("my input click"); }); script> // 输出结果： my input click my document click 示例3：点击某元素导致前一个元素失去焦点...展示下拉框 $(".search-list").attr("data-status", "show"); }).blur(function(){ // input框失去焦点..."data-status", "show"); }).blur(function(){ setTimeout(function(){ // input框失去焦点

2.4K2 0

day02jQuery表单验证

jQuery常用技术 1.元素动态增删方案 2.正则表达式基础 3.表单验证案例 1.jQuery元素动态增删使用JavaScript的形式进行元素的增删时，优点是逻辑清晰明了，缺点是比较繁琐函数...(cn|com)$/; console.log(emailVerify.test(email)); 2.4 案例-表单验证用户提交表单时对表单中的数据进行验证，同时，当输入框失去焦点时进行快速验证提示...(cn|com)$/; //定义表单提交事件 $('form').submit(function(){ //验证表单内容是否完全符合规则 let flag = false; $(...text("邮箱格式：xxx@xx.cn/com"); $(this).next().css("color","#b0b0b0"); } }, //失去焦点事件...邮箱格式不正确"); $(this).next().css("color","red"); } } } }) 本章小结 1.jQuery

5640 0

4-Jquery学习四-事件操作

以表单元素为例，使用trigger("submit")可以触发该表单绑定的submit事件，也会执行表单submit事件的默认行为——表单提交操作。...注意：并不是所有元素都可以失去焦点，可以获得鼠标光标焦点的元素主要是表单输入元素(只有获得焦点后才可能失去焦点)。...对于text和textarea元素，该事件会在元素失去焦点时发生(文本内容也发生了更改)。...事件绑定处理函数 $texts.select( function(event){ $(this).css("border-radius", "3px"); } ); 23，submit submit事件会在表单被提交时触发...; return false; // 返回值为false，将阻止表单提交 } } ); 24，keydown 25，keypress 26，keyup keydown事件会在按下键盘按键时触发

5.4K9 0

点击加载更多

提交表单时input字段非空验证

jQuery 失去焦点时输入框为空时自动填写默认内容

提交表单时input字段非空验证

Validate使用及配置

分析：input表单输入框默认提示信息

jquery 绑定事件 - blur() 失去焦点 - focus() 获取焦点

java文本框获得输入焦点_文本框获得焦点和失去焦点的判断代码

jQuery formValidator表单验证插件

jquery校验规则的使用

【转】jQuery验证控件jquery.validate.js使用说明+中文API

JQuery学习—JQuery-Validation 使用

JQuery选择器

02-老马jQuery教程-jQuery事件处理

【前端基础篇】JavaScript之jQuery介绍

jQuery基础教程之事件监听操作

jQuery进阶前言

解决blur与click冲突

解决blur与click冲突

day02jQuery表单验证

4-Jquery学习四-事件操作

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐