html form datatype,form.html
编辑
账号
密码
密码原值
记住我
单选1
单选2
单选3
演示图片上传
富文本框演示
保存
退出
var _UE = UE.getEditor("ueditor-content");
_UE.ready(function () {
_UE.setContent("富文本框内容");
})
$(function () {
//初始化验证
// 具体参考 http://validform.rjboy.cn/document.html
var formValidData = [{
key: "PhoneNumber",
datatype: "n",
nullmsg: "不允许为空",
errormsg: "该值只能是数字"
}, {
key: "Password",
datatype: "*6-16",
nullmsg: "不允许为空",
errormsg: "检测是否为6到16位任意字符"
}];
//绑定验证
var formValidEvent = $(".form-body").formValid(formValidData);
//提交
$("#btn-submit").click(function () {
//获取富文本框值
var ueContent = _UE.getContent();
if (!formValidEvent.check()) {
return;
}
$(".form-body").ajaxFormSubmit("/Demo/Form", function (d) {
if (d > 0) {
$.msgSucceed("保存成功");
return;
}
$.msgFall("保存失败");
}, {
addData: {
Id: _Id
}
});
})
//上传图片
$("#btn-img-upload").click(function () {
$.WebUploader({
uploader: { //图片上传配置
fileNumLimit: 1000024, // 验证文件总数量, 超出则不允许加入队列
fileSingleSizeLimit: 1230000000, //验证单个文件大小是否超出限制,单位计算/b
succee: function (rs) {
$("#user-img").attr("src", rs.url);
}
}
})
})
})
一键复制
编辑
Web IDE
原始数据
按行查看
历史
html form datatype,form.html相关推荐
- 怎么利用jquery.form 提交form
说明:开发环境 vs2012 asp.net mvc c# 利用jQuery.form.js提交form 1.HTML前端代码 <%@ Page Language="C#"A ...
- SpringMVC的form:form表单的使用
为什么要使用SpringMVC的form:form表单,有两个原因:一是可以更加快捷的完成表单的开发,比如会替你做好数据类型装换等本来需要你自己动手的工作.其次就是能够更加方便的实现表单回显. 首先要 ...
- UI标签库专题十:JEECG智能开发平台 Form(form标签)
1. Form(form标签) 1.1. 参数 属性名 类型 描述 是否必须 默认值 action string 表单提交地址 否 null items string 循环集合值 是 null ...
- SpringMVC form:form的一个错误(没有传到前台绑定类)
SpringMVC form:form的一个错误(没有传到前台绑定类) 报错信息: Neither BindingResult nor plain target object for bean nam ...
- ajax提交文件对象----form组件+form表单+FormData对象
1. 前端 1.1 html <div style="text-align: center;border: 1px solid olivedrab;width: 520px;margi ...
- 关于html:form/html:form特性
<html:form>第一遍执行的时候他就会根据action属性中指定的Action到struts-config.xml文件中找到该Action,并把该Action绑定ActionForm ...
- 【Layui】var form = layui.form的意思 监听提交事件
author:咔咔 wechat:fangkangfk 看了文档后,说这种写法是获取form模块,也就是说操作from模块需要使用form来调用 保存按钮的lay_fileter的值,就是监听提交事件 ...
- html隐藏form样式,form表单标签
Html form 表单区域标签元素 一.Form表单区域标签语法与结构: �?br /> Method的值为get时,是通过URL传内容与参数,这个时候我们通过网址URL能看见自己填写内容提交 ...
- form 关于form表单提交方式get和post的区别?
1.get是从服务器上获取数据,post是向服务器传送数据. 2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到.post是通过HT ...
最新文章
- 互联网大佬口口声声的人工智能,笑到最后的也许是马云的云计算
- 3-2 -------WERTYU------题挺水的
- 优云携手网易云 助力企业“互联网+”转型
- 「实用」微信扫码 - 关注公众号后网站自动登录
- 3d正方体旋转相册代码_3d旋转正方体的多种html和css制作方法和相关知识复习讲解
- 微信7.0.4 iOS版发布:这项经典功能正式下线!
- 【运维理论】RAID级别简介
- 第三方支付框架开发简要文档
- import 导入模块学习
- cad电气工程量计算机,CAD电气管线快速算量方法
- springboot毕设项目网上商城系统8l44b(java+VUE+Mybatis+Maven+Mysql)
- 手把手教你用keras搭建GAN
- ubuntu18.04安装opencv记录
- 使用python爬取电子书_怎样用python3爬取电子书网站所有下载链接
- 极大值,极小值算法以及α-β剪枝技术
- linux下低格u盘,u盘低级格式化操作
- 绿盟漏扫使用手册_【技术干货】Oracle数据库漏洞扫描指南
- 奇东锐腾服务器无法显示,奇东锐腾软件 Keydone Return Software
- PyTorch:Bi-LSTM的文本生成
- 【每日新闻】国内首个3D缝纫机器人研制成功
热门文章
- 调查称多地10%大米镉超标 食物污染链持续多年
- 2022“杭电杯”中国大学生算法设计超级联赛(8)题解报告
- linux实训报告内容摘要,linux实训报告心得
- Vue使用vis实现拓扑图
- 热力学第三定理是如何让爱因斯坦一举成名的?
- 心理学上的被动_心理学:为什么有些人在感情里总是很被动?
- 挂起函数suspend
- 从不一样的角度描述Android事件传递,实战解析
- 埇 mysql 不认这个字_输入法项目-用delphi生成GBK 中文编码 GBK 扩充汉字编码表(3) GBK/3: $8140 —$A0FE(部分)...
- oracle挥手temp表空间,oracle的TEMP空间作用及涉及的操作