编辑


账号

密码

密码原值

记住我

单选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相关推荐

  1. 怎么利用jquery.form 提交form

    说明:开发环境 vs2012 asp.net mvc c# 利用jQuery.form.js提交form 1.HTML前端代码 <%@ Page Language="C#"A ...

  2. SpringMVC的form:form表单的使用

    为什么要使用SpringMVC的form:form表单,有两个原因:一是可以更加快捷的完成表单的开发,比如会替你做好数据类型装换等本来需要你自己动手的工作.其次就是能够更加方便的实现表单回显. 首先要 ...

  3. UI标签库专题十:JEECG智能开发平台 Form(form标签)

     1. Form(form标签) 1.1. 参数 属性名 类型 描述 是否必须 默认值 action string 表单提交地址 否 null items string 循环集合值 是 null ...

  4. SpringMVC form:form的一个错误(没有传到前台绑定类)

    SpringMVC form:form的一个错误(没有传到前台绑定类) 报错信息: Neither BindingResult nor plain target object for bean nam ...

  5. ajax提交文件对象----form组件+form表单+FormData对象

    1. 前端 1.1 html <div style="text-align: center;border: 1px solid olivedrab;width: 520px;margi ...

  6. 关于html:form/html:form特性

    <html:form>第一遍执行的时候他就会根据action属性中指定的Action到struts-config.xml文件中找到该Action,并把该Action绑定ActionForm ...

  7. 【Layui】var form = layui.form的意思 监听提交事件

    author:咔咔 wechat:fangkangfk 看了文档后,说这种写法是获取form模块,也就是说操作from模块需要使用form来调用 保存按钮的lay_fileter的值,就是监听提交事件 ...

  8. html隐藏form样式,form表单标签

    Html form 表单区域标签元素 一.Form表单区域标签语法与结构: �?br /> Method的值为get时,是通过URL传内容与参数,这个时候我们通过网址URL能看见自己填写内容提交 ...

  9. form 关于form表单提交方式get和post的区别?

    1.get是从服务器上获取数据,post是向服务器传送数据. 2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到.post是通过HT ...

最新文章

  1. 互联网大佬口口声声的人工智能,笑到最后的也许是马云的云计算
  2. 3-2 -------WERTYU------题挺水的
  3. 优云携手网易云 助力企业“互联网+”转型
  4. 「实用」微信扫码 - 关注公众号后网站自动登录
  5. 3d正方体旋转相册代码_3d旋转正方体的多种html和css制作方法和相关知识复习讲解
  6. 微信7.0.4 iOS版发布:这项经典功能正式下线!
  7. 【运维理论】RAID级别简介
  8. 第三方支付框架开发简要文档
  9. import 导入模块学习
  10. cad电气工程量计算机,CAD电气管线快速算量方法
  11. springboot毕设项目网上商城系统8l44b(java+VUE+Mybatis+Maven+Mysql)
  12. 手把手教你用keras搭建GAN
  13. ubuntu18.04安装opencv记录
  14. 使用python爬取电子书_怎样用python3爬取电子书网站所有下载链接
  15. 极大值,极小值算法以及α-β剪枝技术
  16. linux下低格u盘,u盘低级格式化操作
  17. 绿盟漏扫使用手册_【技术干货】Oracle数据库漏洞扫描指南
  18. 奇东锐腾服务器无法显示,奇东锐腾软件 Keydone Return Software
  19. PyTorch:Bi-LSTM的文本生成
  20. 【每日新闻】国内首个3D缝纫机器人研制成功

热门文章

  1. 调查称多地10%大米镉超标 食物污染链持续多年
  2. 2022“杭电杯”中国大学生算法设计超级联赛(8)题解报告
  3. linux实训报告内容摘要,linux实训报告心得
  4. Vue使用vis实现拓扑图
  5. 热力学第三定理是如何让爱因斯坦一举成名的?
  6. 心理学上的被动_心理学:为什么有些人在感情里总是很被动?
  7. 挂起函数suspend
  8. 从不一样的角度描述Android事件传递,实战解析
  9. 埇 mysql 不认这个字_输入法项目-用delphi生成GBK 中文编码 GBK 扩充汉字编码表(3) GBK/3: $8140 —$A0FE(部分)...
  10. oracle挥手temp表空间,oracle的TEMP空间作用及涉及的操作