form | 易学教程

ajaxFileupload多文件上传

阅读更多关于 ajaxFileupload多文件上传

最近有个功能模块需要上传图片，为了和之前的伙伴们保持一致我也使用了ajaxFileupload，但是源码只支持单文件上传，所以百般斟酌之下决定修改源码，废话不多说直接上代码 HTML上传代码段： <div class="mainmenuone cf"> <ul class="cf"> <li><span><img /><input type="file" class="file" name="file"/></span></li> </ul> </div> <ul class="cf">这里有个ul标签，说明这里添加的是多个，下面这个代码段就是循环加入图片 $(this).prev().attr("src", objUrl); $(this).parent().parent().append("<i class='cancel'> </i>"); $(".cancel").css({"display":"inline-block"}); $(".mainmenuone ul").append("<li><span><img /><input type='file' class='file' name='file' /></span></li>"); $(".mainmenuone li").css({"height":$(".mainmenuone li").width()+

使用ajax提交form表单，包括ajax文件上传

阅读更多关于使用ajax提交form表单，包括ajax文件上传

使用ajax提交form表单，包括ajax文件上传前言使用ajax请求数据，很多人都会，比如说： $.post(path,{data:data},function(data){ ... },"json"); 又或者是这样的ajax $.ajax({ url:"${pageContext.request.contextPath}/public/testupload", type:"post", data:{username:username}, success:function(data){ window.clearInterval(timer); console.log("over.."); }, error:function(e){ alert("错误！！"); window.clearInterval(timer); } }); 同样的，很多人也会。但是写的越多就越会发现，这样子虽然可以避免刷新页面，但是我们要写大量的js来到得数据： var username = $("#username").val(); var password = $("#password").val(); ... 如果数量少的话，那还没有什么，但是如果数据十分大的话，那就十分的麻烦，那有没有什么简单的方法呢？答案肯定有的！下面介绍两种方法，可以极大的提高开发人员的效率。方法方法一

ajax与文件上传

阅读更多关于 ajax与文件上传

　　一、ajax 　　ajax（Asynchronous JavaScript And XML）：异步JavaScript和XML，即使用JavaScript语句与服务器进行异步交互，传输的数据为XML（也可以是json数据）。实际上就是在JavaScript语句里用ajax可以向服务器发送请求。　　两大特点：　　1，异步交互　　2，页面局部刷新　　语法：基于jQuery：<script>$('.cc').click(function(){ #当我们点击‘.cc’这个类的时候就会触发ajax请求 $.ajax({ url:'/name/', #请求的路径 type:'post', #请求的方式 data:{csrfmiddlewaretoken:$('[name="csrfmiddlewaretoken"]').val(),user:$('[name="user"]').val()}, #请求的数据 success:function (data) { #这是请求成功后的回调函数 if (data.name){ $('.c1').html('用户名已存在'); $('.login').addClass('hide') } } }) }); </script> 　　1，基于ajax请求的注册页面　　1.1 register.html <!DOCTYPE html>

bootstrap 基础表单

阅读更多关于 bootstrap 基础表单

表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同，而且不同的浏览器对表单控件渲染的风格都各有不同。 ☑ LESS版本：对应源文件 forms.less ☑ Sass版本：对应源文件 _forms.scss 对于基础表单，Bootstrap并未对其做太多的定制性效果设计，仅仅对表单内的 fieldset 、 legend 、 label 标签进行了定制 fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } 1、宽度变成了100% 2、设置了一个浅灰色（#ccc）的边框 3、具有4px的圆角 4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化

Bootstrap 基础讲解2

阅读更多关于 Bootstrap 基础讲解2

-------------------------------------------思想是行动的先导，心理问题直接作用并影响人的思想。知识预览 bootstrap简介 CSS栅格系统四表格表单回到顶部 bootstrap简介 http://v3.bootcss.com/ Bootstrap优点：下载： Bootstrap引入 1 2 3 4 < meta name="viewport" content="width=device-width, initial-scale=1"> < link href="dist/css/bootstrap.min.css" rel="stylesheet"> < script type="application/javascript" src="dist/jquery-3.1.1.js"></ script > < script type="application/javascript" src="dist/js/bootstrap.min.js"> 回到顶部 CSS栅格系统 Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8

使用ajax提交form表单，包括ajax文件上传

阅读更多关于使用ajax提交form表单，包括ajax文件上传

（转）使用ajax请求数据，很多人都会，比如说： $.post(path,{data:data},function(data){ ... },"json"); 又或者是这样的ajax $.ajax({ url:"${pageContext.request.contextPath}/public/testupload", type:"post", data:{username:username}, success:function(data){ window.clearInterval(timer); console.log("over.."); }, error:function(e){ alert("错误！！"); window.clearInterval(timer); } }); 同样的，很多人也会。但是写的越多就越会发现，这样子虽然可以避免刷新页面，但是我们要写大量的js来到得数据： var username = $("#username").val(); var password = $("#password").val(); ... 如果数量少的话，那还没有什么，但是如果数据十分大的话，那就十分的麻烦，那有没有什么简单的方法呢？答案肯定有的！下面介绍两种方法，可以极大的提高开发人员的效率。方法方法一：使用FormData对象

SpringMVC 使用JSR-303进行校验 @Valid

阅读更多关于 SpringMVC 使用JSR-303进行校验 @Valid

注意：1 public String save(@ModelAttribute("house") @Valid House entity, BindingResult result,HttpServletRequest request, Model model) BindingResult 必须放在model,request前面　　　2 validation-api-1.0.0.GA.jar是JDK的接口；hibernate-validator-4.2.0.Final.jar是对上述接口的实现。hibernate-validator-4.2.0.Final可以，但是hibernate-validator-4.3.0.Final报错验证注解验证的数据类型说明 @AssertFalse Boolean,boolean 验证注解的元素值是false @AssertTrue Boolean,boolean 验证注解的元素值是true @NotNull 任意类型验证注解的元素值不是null @Null 任意类型验证注解的元素值是null @Min(value=值) BigDecimal，BigInteger, byte, short, int, long，等任何Number或CharSequence（存储的是数字）子类型验证注解的元素值大于等于@Min指定的value值

转:使用JSR-303进行校验 @Valid

阅读更多关于转:使用JSR-303进行校验 @Valid

一、在SringMVC中使用使用注解 1、准备校验时使用的JAR validation-api-1.0.0.GA.jar：JDK的接口； hibernate-validator-4.2.0.Final.jar是对上述接口的实现； log4j、slf4j、slf4j-log4j 2、编写需要校验的bean @NotNull(message="名字不能为空") private String userName; @Max(value=120,message="年龄最大不能查过120") private int age; @Email(message="邮箱格式错误") private String email; 3、校验方法 @RequestMapping("/login") public String testValid(@Valid User user, BindingResult result){ if (result.hasErrors()){ List<ObjectError> errorList = result.getAllErrors(); for(ObjectError error : errorList){ System.out.println(error.getDefaultMessage()); } } return "test"; } 备注：这里一个

SpringMVC 使用JSR-303进行校验 @Valid

阅读更多关于 SpringMVC 使用JSR-303进行校验 @Valid

使用注解一、准备校验时使用的JAR validation-api-1.0.0.GA.jar：JDK的接口； hibernate-validator-4.2.0.Final.jar是对上述接口的实现； log4j、slf4j、slf4j-log4j 二、编写需要校验的bean @NotNull(message="名字不能为空") private String userName; @Max(value=120,message="年龄最大不能查过120") private int age; @Email(message="邮箱格式错误") private String email; 三、校验方法 @RequestMapping("/login") public String testValid(@Valid User user, BindingResult result){ if (result.hasErrors()){ List<ObjectError> errorList = result.getAllErrors(); for(ObjectError error : errorList){ System.out.println(error.getDefaultMessage()); } } return "test"; } 备注：这里一个

yii 表单小部件使用

阅读更多关于 yii 表单小部件使用

首先创建model层因为要使用表单小部件所以要加载相应的组件这里需要的组件有 yii\widgets\ActiveForm 和 yii\helpers\Html 接下来在model定义的class里写方法首先我们要定义需要使用表单小部件的name值不多说上代码 <?phpnamespace frontend\models;use yii\base\Model;use yii\widgets\ActiveForm;use yii\helpers\Html;class Form extends Model{ public $name; public $pwd; public $sex; public $hobby; public $age;public function rules(){ return[ ];}public function attributeLabels(){ return[ 'name'=>'用户名', 'pwd'=>'密码', 'sex'=>'性别', 'hobby'=>'爱好', 'age'=>'年龄' ];}static public function agegat(){ $agea=array(); for($i=1;$i<100;$i++){ $agea[$i]=$i; } return $agea;} static public

订阅 form