首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML5表单

email:电子邮件 tel:电话号码 url:网页的url(需要带上http(s)://) search:搜索引擎 range:数值控件,特定范围内的数值选择器 min max step(步数) value...新的输入控件 number : 只能包含数字的输入框 color : 颜色选择器 datetime : 显示完整日期(chrome) datetime-local : 显示完整日期,不含时区...“ Formaction 在submit里定义提交地址 表单验证 validity对象,通过下面的valid可以查看验证是否通过,如果八种验证都通过返回true,一种验证失败返回false oText.addEventListener...(“invalid”,fn1,false); ev.preventDefault() valueMissing : 输入值为空时 返回的是true typeMismatch : 控件值与预期类型不匹配...返回的是true patternMismatch : 输入值不满足pattern正则 返回的是true tooLong : 超过maxLength最大限制 超出的返回的是

1.3K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    用神奇的 form 验证 API 来优化你的表单验证

    具体属性如下: 属性 可选值 说明 valueMissing(只读) true / false 当表单元素设置了 required 属性,且 value 为空时则为 true ,否则为 false 。...此属性关联伪类 :valid / :invalid 。 typeMismatch(只读) true / false 当表单元素输入的值与类型不匹配时为 true ,否则为 false 。...badInput(只读) true / false 当表单元素输入的值不完整且 UA 认为当前状态的表单不应该被提交时为 true,否则为 false。...validationMessage 当表单元素验证正确时则返回 '',否则则返回默认或者经由setCustomValidity() 方法设置的错误信息。 效果如下: ?...}); willValidate 一个只读属性,当表单元素需要验证时返回 true ,否则则为 false 。 效果如下: ?

    1.1K20

    Python3.4 + Django1.7.7 搭建简单的表单并提交

    后面还有一个问题,是我把txt生成了,但是网页没有返回我还不知道,现在怎么直接返回txt并且展示出来txt 的内容,希望大牛不吝赐教 首先有一个问题 django1.7之前,这样用: HttpResponse...now return HttpResponse(html) def contact_author(request): if request.method == 'POST':#提交请求时才会访问这一段...,首次访问页面时不会执行 form = ContactForm(request.POST) if form.is_valid():#说明各个字段的输入值都符合要求...post任何表单 form = ContactForm()#第一次生成的form里面内容的格式 print (form) print (form.is_valid...()) #“首次访问”和“提交的信息不符合要求”时被调用 return render_to_response('contact_author.html', {'form': form}

    64420

    html5总结

    ") type="checkbox" 多项选择 type="button" 按钮 type="submit" 提交 type="file" 上传文件   type="reset" 重置 input表单type...: 正则表达式 输入的内容必须匹配到指定正则范围 autocomplete:是否保存用户输入值  默认为on,关闭提示选择off formaction: 在submit里定义提交地址 datalist...: 输入框选择列表配合list使用 list值为datalist的id值 output: 计算或脚本输出                    validity对象,通过下面的valid可以查看验证是否通过...,如果八种验证都返回true,一种验证失败返回false oText.addEventListener("invalid",fn1,false) ev.preventDefault(): 阻止默认事件...valueMissing: 当输入值为空的时候,返回true typeMismatch: 控件值与预期不吻合,返回true patternMismatch: 输入值不满足pattern正则,返回true

    1.8K20

    Django学习笔记之Django Form表单详解

    so,两个突出优点:     1 form表单提交时,数据出现错误,返回的页面中仍可以保留之前输入的数据。    ...当调用这个方法时,如果所有的字段都包含合法的数据,它将: 返回True 将表单的数据放到cleaned_data属性中。...这叫做”绑定数据至表单“(它现在是一个绑定的表单)。 我们调用表单的is_valid()方法;如果它不为True,我们将带着这个表单返回到模板。...当提交一个启用CSRF 防护的POST 表单时,你必须使用上面例子中的csrf_token 模板标签。...字段的数据 不管表单提交的是什么数据,一旦通过调用is_valid() 成功验证(is_valid() 返回True),验证后的表单数据将位于form.cleaned_data 字典中。

    4.6K10

    【转】jQuery验证控件jquery.validate.js使用说明+中文API

    onsubmit:Boolean  Default: true 提交时验证....onclick:Boolean  Default: true 在checkboxes 和 radio 点击时验证 focusInvalid:Boolean  Default: true 提交表单后...,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点 focusCleanup:Boolean  Default: false 如果是true那么当未通过验证的元素获得焦点时,...$.validator.setDefaults({    debug:true }) submitHandler: 通过验证后运行的函数,里面要加上表单提交的函数,否则表单不会提交...$(".selector").validate({    onclick:false }) focusInvalid Boolean 默认:true 提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单

    4.7K40

    django 1.8 官方文档翻译:5-1-2 表单API

    ``is_valid() 表单对象的首要任务就是验证数据。对于绑定的表单实例,可以调用is_valid()方法来执行验证并返回一个表示数据是否合法的布尔值。...你可以在调用is_valid() 之前访问errors。表单的数据将在第一次调用is_valid() 或者访问errors 时验证。...这个方法返回一个布尔值,指示一个字段是否具有指定错误code 的错误。当code 为None 时,如果字段有任何错误它都将返回True。...'cc_myself': True} >>> f = ContactForm(data, initial=data) >>> f.has_changed() False 当提交表单时,我们可以重新构建表单并提供初始值...虽然print 表单时 是默认的输出格式,但是还有其它格式可用。每个格式对应于表单对象的一个方法,每个方法都返回一个Unicode 对象。 as_p() Form.

    2.8K30

    form表单提交的几种方式

    大家好,又见面了,我是你们的朋友全栈君。 表单提交方式一:直接利用form表单提交 html页面代码: 返回的是json 如果是字符串这里一定要定义text 之前我就是定义json 结果字符串的返回一直到额error中去 /* dataType: 要求为String...经过排查,发现是因为后台返回时用了@ResponseBody注解(SpringMVC返回json格式的注解),但前台ajax提交没有定义dataType属性(定义服务器返回的数据类型)...提示:如需引用一个以上的表单,请使用空格分隔的表单 id 列表。 formaction 属性规定当提交表单时处理该输入控件的文件的 URL。...min 和 max 属性适用于如需输入类型:number、range、date、datetime、datetime-local、month、time 以及 week。

    6.4K20

    Django-form表单

    当调用这个方法时,如果所有的字段都包含合法的数据,它将: 返回True 将表单的数据放到cleaned_data属性中。 完整的表单,第一次渲染时,看上去将像: ?...这叫做”绑定数据至表单“(它现在是一个绑定的表单)。 我们调用表单的is_valid()方法;如果它不为True,我们将带着这个表单返回到模板。...当提交一个启用CSRF 防护的POST 表单时,你必须使用上面例子中的csrf_token 模板标签。...当渲染给用户时,它将为空或包含默认的值。 绑定的表单具有提交的数据,因此可以用来检验数据是否合法。如果渲染一个不合法的绑定的表单,它将包含内联的错误信息,告诉用户如何纠正数据。...字段的数据 不管表单提交的是什么数据,一旦通过调用is_valid() 成功验证(is_valid() 返回True),验证后的表单数据将位于form.cleaned_data 字典中。

    3.9K70

    推荐一个基于 Node.js 的表单验证库

    在本文中,我想向你展示如何为你的数据添加防弹验证,同时返回风格良好的格式。 在 Node.js 中进行自定义数据验证既不容易也不快。 为了覆盖所有类型的数据,需要写许多函数。...虽然我已经尝试了一些 Node.js 的表单库 —— Express 和 Koa ——他们从未满足我的项目需求。 这些扩展库要么不兼容复杂的数据结构,要么在异步验证出现问题。...使用 Datalize 在 Node.js 中进行表单验证 这就是为什么我最终决定编写自己的小巧而强大的表单验证库的原因,它被称为 datalize。...立即开始编写更好的API 对于小型和大型API,我已经在好几个生产项目中用 datalize 进行 Node.js 表单验证。...最重要的是,我希望它能为你节省大量时间,否则你将不得不用 JavaScript 投入大量时间来编写额外的函数进行表单验证。

    2.7K40

    SpringMVC 提交表单400 Bad Request

    type="submit" value="提交">   原因:   form表单中有日期, Spring不知道该如何转换,如要在实体类的日期属性上加@DateTimeFormat(pattern...="yyyy-MM-dd")注解 第二种: 在提交表单时,发生400错误,并未进入save方法。...但是,经过一再减少model内容后,提交表单,问题依旧。 终于在iteye论坛发现:springMVC参数顺序不同导致异常 约定的BindingResult必须紧随@valid之后。    ...原来我这里的400是这个原因导致的。以下为正确顺序: ? @RequestMapping(value="/!...            return "/user/add";         return "redirect:/user/list";     } 在解决问题之后,做一下总结: 原因现在知道的有以下两点: 1、提交表单数据类型与

    1.7K50
    领券