JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)


Posted in jQuery onJune 09, 2017

 先上三张效果图:

JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理) 
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理) 
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)

这些功能在Java Web开发中可能是经常需要的,虽然很简单却使很实用的功能,这里记录下以免忘记。

1. 先说表单提交前验证:后台经常用到(这里是提交后统一验证,及时验证请参考我另一篇文章

http://blog.csdn.net/jianzhonghao/article/details/52503431)

1.1 通过submit 按钮提交后 会根据form的属性action=“路径”来跳转到相应的路径,这时,给form添加一个 onsubmit =”return check()” 属性, check()使我们要写的验证函数,如下图:

<form action="路径" onsubmit="return check()" method="POST">

1.2 check()函数如下(验证姓名是否填写 与 单选框性别是否选中) $(‘#notice') 的话,随便写个div加个id属性就好了

<script type="text/javascript"> 
 function check(){
  var name = $('#name').val().trim();
  var gender=$('input:radio[name="gender"]:checked').val();
  if(!name){
   $('#notice').text('客服名称不能为空!').show();
   return false;
  }else if(!gender){
   $('#notice').text('请选择客服性别!').show();
   return false;
  }
  else{
   return true;
  }
 }
</script>
<div id="notice" style="font-size: 30px;color:red;margin-top: 15px;" ></div>

1.3最后说一下删除时,确认是否删除的问题

<input type="image" src="删除图标的路径" title="删除" onclick="{if(confirm('确定删除吗?')){javascript:document:delfrom_${ServerInfo.id };return true;}return false;}">
分开写实际就是
if(confirm('确定删除吗?')){
 {javascript:document:delfrom_${ServerInfo.id };
 return true;
}
 return false;

以上所述是小编给大家介绍的JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
jquery ajaxfileupload异步上传插件
Nov 21 jQuery
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 jQuery
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 jQuery
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
Jul 10 jQuery
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
Oct 26 jQuery
jQuery实现可编辑的表格
Dec 11 jQuery
jquery实现垂直手风琴导航栏
Feb 18 jQuery
js、jquery实现列表模糊搜索功能过程解析
Mar 27 jQuery
jquery实现加载更多&quot;转圈圈&quot;效果(示例代码)
Nov 09 jQuery
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 #jQuery
jQuery为某个div加入行样式
Jun 09 #jQuery
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
Jun 09 #jQuery
jQuery Validate表单验证插件实现代码
Jun 08 #jQuery
jquery Ajax实现Select动态添加数据
Jun 08 #jQuery
jquery实现放大镜简洁代码(推荐)
Jun 08 #jQuery
jQuery+ajax实现局部刷新的两种方法
Jun 08 #jQuery
You might like
[原创]php逐行读取txt文件写入数组的方法
2015/07/02 PHP
PHP实现将标点符号正则替换为空格的方法
2017/08/09 PHP
PHP实现简单登录界面
2019/10/23 PHP
永不消失的title提示代码
2007/02/15 Javascript
Javascript isArray 数组类型检测函数
2009/10/08 Javascript
jquery ajax执行后台方法
2010/03/18 Javascript
js DataSet数据源处理代码
2010/03/29 Javascript
Javascript图像处理—平滑处理实现原理
2012/12/28 Javascript
jquery查找父元素、子元素(个人经验总结)
2014/04/09 Javascript
JavaScript中的bold()方法使用详解
2015/06/08 Javascript
浅谈Javascript线程及定时机制
2015/07/02 Javascript
使用CamanJS在Web页面上处理图像的技巧
2015/08/18 Javascript
AngularJS 使用 UI Router 实现表单向导
2016/01/29 Javascript
html5+javascript实现简单上传的注意细节
2016/04/18 Javascript
老生常谈jacascript DOM节点获取
2017/04/17 Javascript
Angularjs2不同组件间的通信实例代码
2017/05/06 Javascript
浅谈webpack devtool里的7种SourceMap模式
2019/01/14 Javascript
vue element-ui el-date-picker限制选择时间为当天之前的代码
2019/11/07 Javascript
js判断在哪个浏览器打开项目的方法
2020/01/21 Javascript
Node.js中的异步生成器与异步迭代详解
2021/01/31 Javascript
[01:02:17]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG
2014/05/26 DOTA
Python中利用sqrt()方法进行平方根计算的教程
2015/05/15 Python
Python连接SQLServer2000的方法详解
2017/04/19 Python
Python使用matplotlib实现的图像读取、切割裁剪功能示例
2018/04/28 Python
python实现连续图文识别
2018/12/18 Python
Python设计模式之职责链模式原理与用法实例分析
2019/01/11 Python
python pygame实现方向键控制小球
2019/05/17 Python
Python 实现数据结构-堆栈和队列的操作方法
2019/07/17 Python
pytorch下使用LSTM神经网络写诗实例
2020/01/14 Python
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
Hotels.com日本:国外和海外住宿,酒店预订
2019/12/13 全球购物
Java文件和目录(IO)操作
2014/08/26 面试题
个人简历自我鉴定
2013/10/11 职场文书
职业生涯规划书结束语
2014/04/15 职场文书
医院信息公开实施方案
2014/05/09 职场文书
工商管理本科生求职信
2014/07/13 职场文书