form

1 var generateHideElement = function (name, value) { 2 var tempInput = document.createElement("input"); 3 tempInput.type = "hidden"; 4 tempInput.name = name; 5 tempInput.value = value; 6 return tempInput; 7 } 8 9 var form = document.createElement("form"); 10 document.body.appendChild(form); 11 12 13 var jData = generateHideElement("jData", "11"), 14 jsongroups = generateHideElement("jsongroups", "22"), 15 cacheKey = generateHideElement("cacheKey", "33"), 16 execlName = generateHideElement("execlName", "44"); 17 18 19 20 21 form.appendChild(jData); 22 form.appendChild(jsongroups); 23 form

day06 jQuery的UI库:jQuery插件库 npm的使用 Bootstrap的全局CSS样式 一.jQuery的UI库: jQuery插件库 登录注册框演示: 以这个为例: http://www.jq22.com/jquery-info15518 1.下载你喜欢的插件库 能直接下载的就直接下载 不能直接下载的,就复制粘贴 2.最重要的一步: 根据你的需要改代码 增: 可以增加 删: 最好不要删,有些东西可能就用不了了 改: 先改一遍,看看哪个东西是什么功能 二.npm 包管理器的使用 (node package manager) 这个工具在哪: 前端的后台语言nodesjs会带来npm 1.装包: node.js 前端的后端语言, 是依据JavaScript演变来的 注意添加node.js的安装目录path到环境变量中 >node Welcome to Node.js v12.13.1. 2.带来的工具: npm >npm -v 6.12.1 3.npm的使用 3.1.初始化当前工作目录 C:\Users\THINKPAD>cd C:\Users\THINKPAD\PycharmProjects\s15\day51 //切换至工作目录 npm init //交互: 初始化时生成package.json文件, 它来管理所有包的历史版本 npm init --yes /

Django之ModelForm组件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 ModelForm a. class Meta: model, # 对应Model的 fields = None , # 字段 exclude = None , # 排除字段 labels = None , # 提示信息 help_texts = None , # 帮助提示信息 widgets = None , # 自定义插件 error_messages = None , # 自定义错误信息（整体错误信息from django.core.exceptions import NON_FIELD_ERRORS） field_classes = None # 自定义字段类 （也可以自定义字段） localized_fields = ( 'birth_date' ,) # 本地化，如：根据不同时区显示数据 如： 数据库中 2016 - 12 - 27 04 : 10 : 57 setting中的配置 TIME_ZONE = 'Asia/Shanghai' USE_TZ =

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 ModelForm a. class Meta: model, # 对应Model的 fields = None , # 字段 exclude = None , # 排除字段 labels = None , # 提示信息 help_texts = None , # 帮助提示信息 widgets = None , # 自定义插件 error_messages = None , # 自定义错误信息（整体错误信息from django.core.exceptions import NON_FIELD_ERRORS） field_classes = None # 自定义字段类 （也可以自定义字段） localized_fields = ( 'birth_date' ,) # 本地化，如：根据不同时区显示数据 如： 数据库中 2016 - 12 - 27 04 : 10 : 57 setting中的配置 TIME_ZONE = 'Asia/Shanghai' USE_TZ = True 则显示： 2016 -

Form介绍 我们之前在HTML页面中利用form表单向后端提交数据时，都会写一些获取用户输入的标签并且用form标签把它们包起来。 与此同时我们在好多场景下都需要对用户的输入做校验，比如校验用户是否输入，输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上相应的位置显示对应的错误信息.。 Django form组件就实现了上面所述的功能。 总结一下，其实form组件的主要功能如下: 生成页面可用的HTML标签 对用户提交的数据进行校验 保留上次输入内容 普通方式手写注册功能 views.py # 注册 def register(request): error_msg = "" if request.method == "POST": username = request.POST.get("name") pwd = request.POST.get("pwd") # 对注册信息做校验 if len(username) < 6: # 用户长度小于6位 error_msg = "用户名长度不能小于6位" else: # 将用户名和密码存到数据库 return HttpResponse("注册成功") return render(request, "register.html", {"error_msg": error_msg}) login.html <!DOCTYPE

注册功能 1.渲染前端标签获取用户输入 >>> 渲染标签 2.获取用户输入传递到后端校验 >>> 校验数据 3.校验未通过展示错误信息 >>> 展示信息 校验数据(前后端都可以校验) 校验前端后端都可以做，但是前端可以不做，后端必须得做!!! django form组件 1.渲染标签 2.校验数据 3.展示信息 校验数据 第一步需要在views中写一个form类 from django import forms class MyForm(forms.Form): name = forms.CharField(max_length=6) password = forms.CharField(max_length=8,min_length=3) email = forms.EmailField(required=True) 第二步实例化form对象 form_obj = MyForm({'name':'jason'}) 第三步查看数据校验是否合法 form_obj.is_valid() # 只有当所有的字段都校验通过才会返回True 第四步查看校验错误的信息 form_obj.errors # 这个里面放的是所有校验未通过的字段及错误提示 """ { 'name': ['Ensure this value has at most 6 characters (it has 7).'],

django表单系统中，所有的表单类都作为django.forms.Form的子类创建，包括ModelForm 关于django的表单系统，主要分两种 基于django.forms.Form 基于django.forms.ModelForm 表单API 表单有两种状态，绑定，未绑定 Form.is_bound() Form.is_valid() 验证表单数据是否合法，返回True或者False Form.errors 错误字典 Form.has_error(field,code=None) Form.initial 在表单未绑定的情况下，为表单字段设置初始值, >>> f=ContactForm(initial={'subject':'Hi there'}) Form.has_changed（） 检查表单数据是否变化 From.cleaned_data 表单通过验证后，可以使用cleaned_data属性来访问‘清洁’的数据 Form.as_p() 将表单渲染成< p >标签 From.as_ul() 将表单渲染成< ul >标签 From.as_table() 将表单渲染成< table > 标签 但是这些都得自己添加<table ></table>；< ul >< /ul >标签 设置表单必填行与错误行的样式 Form.error_css_class Form.required

forms组件 django中的Form组件有以下几个功能： 生成HTML标签 验证用户数据（显示错误信息） HTML Form提交保留上次提交数据 初始化页面显示内容 校验字段功能 之前写的视图函数，提交的数据，没有做校验，就调教到数据库里面了。这样是不对的。 比如：用户名，必须要符合一定的长度。密码复杂度，等等。 forms组件最大的作用，就是做数据校验。 普通做法，一个一个写校验规则，没有解耦。校验规则，都在视图函数里面。 新建项目formDemo 新建urls.py ,新增路径index 1 from app01 import views 2 urlpatterns = [ 3 path('admin/', admin.site.urls), 4 path('index/', views.index), 5 ] 修改views.py ，新增index视图函数，form组件先放到视图函数 单独起一个类，后续会分离出来 from django.shortcuts import render # Create your views here. from django import forms # 必须导入模块 class DemoForm(forms.Form): # 必须继承Form #限制数据为字符串，最大长度32 name = forms.CharField(max

一、HTML5 新的表单属性 HTML5 的 <form> 和 <input>标签添加了几个新属性. <form>新属性： autocomplete novalidate <input>新属性： autocomplete autofocus form formaction formenctype formmethod formnovalidate formtarget height 与 width list min 与 max multiple pattern (regexp) placeholder required step 二、<form> / <input> autocomplete 属性 autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。 当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项。 提示: autocomplete 属性有可能在 form元素中是开启的，而在input元素中是关闭的。 注意: autocomplete 适用于 <form> 标签，以及以下类型的 <input> 标签：text, search, url, telephone, email, password, datepickers, range 以及 color。 HTML form 中开启 autocomplete (一个 input 字段关闭

引言 在之前的HTML表单标签中，对于一些功能支持的不够好，比如：文本框提示信息（之前只能通过js和input的事件结合处理）、表单校验、日期选择控 件、颜色选择控件、范围控件、进度条、标签跨表单等功能。当然这些东西我们都可以直接通过js和dom元素配合实现这些通用的功能。这些功能或者是标签都 已经大量的使用在了现代的Web应用中，而这些公共性的东西在早期的HTML标准没有直接的标准支持，而在HTML5中，新标准直接把这些常用的基本的功 能直接加入的新的表单标签中，真正把表单功能异常的强大，那就跟我走一下HTML5智能表单之旅吧! 由于最新版本的Opera浏览器对新型表单支持的最为完美,所以建议本blog或者以下示例请在Opera浏览器上打开. HTML5新增加表单标签 新的标准中添加了很多输入型控件，比如：Number、URL、Email、Range、Color等。而他们都是以 input标签的type属性出场，那下面我一一简单介绍一下 。 [以下所有的例子请用Opera浏览器浏览] 1）只能输入数字的Number类型input标签 Html代码为:<input type="number" name="demoNumber" min="1" max="100" step="2"/> 运行效果: 注 :此标签其实就是普通的input标签,只不过是type类型指向了number