前端提交表单两种验证方式记录 jq或h5 required属性
2024-08-26 15:19:53
JQuery:
<form id="form">
<input type="text" name="aaa">
<select name="bbb">
<option value="">请选择</option>
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
</select>
<button type="button" id="submit">提交</button>
</form>
//提交表单
$('#submit').click(function(){
var data = {};
var t = $('#form').serializeArray();
$.each(t, function() {
data [this.name] = this.value;
});
console.log(data);
if(data.aaa == ''){alert("aaa不能为空!");return false;}
if(data.bbb == ''){alert("bbb不能为空!");return false;}
$('#form').submit();
});
HTML5 required属性:
<input type="text" name="aaa" required="required">
<select name="bbb" required="required">
<option value="">请选择</option>
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
</select> <button type="submit">提交</button>
最新文章
- 【转】XenServer的架构之Xenopsd组件架构与运行机制
- 关于C#操作防火墙,阻止程序联网
- Go学习
- python 库安装
- Oracle中关于数据库实例名与数据库服务名(转载)
- Sicily-1134
- 动态规划1-----------poj1080
- 原生js代码挑战之动态添加双色球
- Mango 基础知识
- 信步漫谈之Redis&mdash;Linux下环境搭建
- IDEA 代码格式化,快捷键
- C# 异步通信 网络聊天程序开发 局域网聊天室开发
- Multi-Database Transaction Demo
- sqler sql 转rest api 的工具试用
- java中友元的完美实现(转载)
- 在Visual Stdio 2012中编译执行JM18.6的方法
- vue-route 路由传参的使用
- [移动端WEB] 移动端网站响应式布局之";rem";,CSS3 rem使用方式
- 教你如何做一个优雅的Ecmascripter /转
- Django之视图系统