form表单提交

前端表单验证与后台交互的知识点总结

你离开我真会死。 提交于 2019-12-06 11:47:34
当我们像后台提交表单时,前端表单的验证是最重要的,因为我们前端要尽量保护后端,所以一切有必要的验证我们在前端做即可 . 最近一直在做关于坏客户列表和黑名单内容管理系统 所以将平时写的一些基本代码显示如下 1、像后台插入数据时 前端表单验证如下 <div style="padding: 100px 100px 10px;"> <form class="bs-example bs-example-form" role="form" name="addForm" > <div class="input-group"> <span class="input-group-addon">公司名称</span> <input ensure-exist="exist" name="companyName" type="text" class="form-control" placeholder="Twitterhandle" ng-model="badCus.companyName" required> <div class="error" ng-show="addForm.companyName.$dirty&&addForm.companyName.$invalid"> <small class="error" ng-show="addForm.companyName.$error

例子---PHP与Form表单之一

断了今生、忘了曾经 提交于 2019-12-06 11:41:10
话不多说,大家都着急过双十一呢对不对,这里萍子,直接上代码,解释它的意思,这个文件很简单,很好理解。其实就是简单模拟了一下留言版的数据的获取,连展示都没展示,简单吧?OK,上代码: <?php if (! empty ( $_POST [ 'submit' ])){ $userName = htmlspecialchars( $_POST [ 'userName' ]); //转义字符为实体呈现出来 $userName = htmlspecialchars( $_POST [ 'content' ]); $fp = fopen( "test.txt" , "a+" ); while (!feof( $fp )){ //feof()函数判断文件指针是否到了文件末尾,是返回true,否返回false $str = fgets( $fp ); } fwrite( $p , $userName . " " . $content . "\n" ); //把存入TXT文件的信息,拼接起来,用空格隔开 fclose( $fp ); } ?> < form action = "" method = "post" > 留言人: < input type = "text" name = "userName" /> < br /> 留言内容: < input type = "text" name =

day59

不打扰是莪最后的温柔 提交于 2019-12-06 11:40:47
多对多的三种创建方式   1、全自动(推荐使用的**) 优势:第三张可以任意的扩展字段 缺点:ORM查询不方便,如果后续字段增加更改时不便添加修改   manyToManyField创建的第三张表属于虚拟的,后缀会自动添加有_id的外键字段 创建的方式:   2、纯手动(不推荐使用)   需要手动创第三方表 优势:第三张表可以任意的扩展字段 缺点:ORM查询不便    3、半自动(推荐使用***) 优势:结合了全自动和半自动的两个优点,把建表的关系直接在一张表上表示出来 这样创建的表,在多对多时不支持ORM的操作有以下几种: """ 多对多字段的 add set remove clear不支持 """ Form组件   forms组件功能   1、校验功能: 就是将form表单中的值在post请求发送到服务端时,服务端利用forms组件去检验是否符合规则 form表单中的name属性值要和自定义forms组件的字段一致。   2、标签的渲染功能   3、渲染错误的信息   4、局部钩子,再次检验 使用forms组件是实现注册功能 简单的注册功能的版本:   实现简单的校验功能。设置条件,在注册的时候进行有效的检验 views.py from django.shortcuts import render,reverse,redirect,HttpResponse from

onsubmit="return check() 给form加onsubmit 验证所有表单后再提交,可以用返回false 来阻止submit提交

大憨熊 提交于 2019-12-06 11:21:40
οnsubmit="return check() 给form加onsubmit 验证所有表单后再提交,可以用返回false 来阻止submit提交 <form class="form-horizontal form-signin" role="form" οnsubmit="return checksame();"> <div class="form-group"> <label class="col-sm-2 control-label">用户名:</label> <div class="col-sm-10"> <input type="text" class="form-control" id="" placeholder="用户名" required=''> </div> </div> <div class="form-group"> <label for="inputPassword3" name="password" class="col-sm-2 control-label">密码:</label> <div class="col-sm-10"> <input type="password" class="form-control" id="password" placeholder="请输入密码" required=''> </div> </div> <div

JS函数 checkForm

我是研究僧i 提交于 2019-12-06 11:19:56
JavaScript函数--"checkForm" JS中一个较常见的函数"checkForm"。是用来检验表单信息的正确性。 步骤如下: 1:表单<form>添加提交事件 <form action="#" method="get" name="regForm" οnsubmit="return checkForm()"> </form> 添加οnsubmit="return checkForm() " 其中红色函数名字随意。 2:在表中<td>添加id字段 <td>用户名</td> <td> <input type="text" name="user" id=" user "/> </td> 3 : 编写check()函数,进行校验 <scrtipt> //1用户名不能为空 var uValue = document.getElementById(" user ").value; alter("用户名不能为空"); return false; </scrtipt> 其中绿色字段与<td>中 必须相同。 简单的案例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册页面</title> <script> /*检查表单函数*/ function checkForm(){ //alert("aa"); //1

Django 09

。_饼干妹妹 提交于 2019-12-06 11:06:08
目录 多对多三种创建方式 全自动 纯手撸 半自动(推荐) form组件 校验数据 渲染标签 展示错误信息 validators校验器 钩子函数 补充 多对多三种创建方式 全自动 ManyToManyField(to=) 优点: 无须自己创建多对多关系表, 支持orm跨表查询, 支持add, set, remove, clear方法 不足: 表的扩展性较差 class Book(models.Model): name = models.CharField(max_length=255) # 自动创建多对多关系表 authors = models.ManyToManyField(to='Author') class Author(models.Model): name = models.CharField(max_length=255) 纯手撸 优点: 字段完全由自己定义 不足: 不支持orm跨表查询, 不支持add, set, remove, clear方法 class Book(models.Model): name = models.CharField(max_length=255) class Author(models.Model): name = models.CharField(max_length=255) # 手动创建多对多关系表 class Book2Author

FORM组件 要点

只愿长相守 提交于 2019-12-06 11:05:52
多对多三种创建方式 1、全自动创建 class Book(models.Model): title = models.CharField(max_length=32) # 多对多关系字段 authors = models.ManyToManyField(to='Authors') class Authors(models.Model): name = models.CharField(max_length=32) 好处:至始至终不用操作第三张表,全都是由ORM自动创建 ​ 内置的第三张表的方法:add、remove、set、clear 缺点:第三张表是自动创建的,无法扩展字段,扩展性差 2、纯手撸 class Book(models.Model): title = models.CharField(max_length=32) class Authors(models.Model): name = models.CharField(max_length=32) class Book2Authors(models.Model): book = models.ForeignKey(to="Book") author = models.ForeignKey(to="Authors") create_time = models.DateField(auto_now_add = True)

Html-表单基础记录

天涯浪子 提交于 2019-12-06 11:00:16
标签 <form> 定义供用户输入的表单 <input> 定义输入域 <texteaer> 定义文本域 (一个多行的输入控件) <lable> 定义了 <input> 元素的标签,一般为输入标题 <fieldset> 定义了一组相关的表单元素,并使用外框包含起来 <legend> 定义了 <fieldset> 元素的标题 <select> 定义了下拉选项列表 <optgroup> 定义选项组 <option> 定义下拉列表中的选项 <button> 定义一个点击按钮 <datalist> 指定一个预先定义的输入控件选项列表 <keygen> 定义了表单的密钥对生成器字段 <output> 定义一个计算结果 实例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>表单</title> </head> <body> <h4>文本输入框<

Django之Form组件

馋奶兔 提交于 2019-12-06 10:59:28
一、Form介绍 普通方式手写注册功能 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: error_msg="用户名长度不能小于6位" else: #可以用户名和密码存在数据库 return HttpResponse("注册成功") return render(request,"register.html",{'error_msg':error_msg}) register.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册页面</title> </head> <body> <form action="/reg/" method="post"> {% csrf_token %} <p> 用户名: <input type="text" name="name"> </p> <p> 密码: <input type="password" name="pwd"> </p> <p> <input type=

Django(九)

倖福魔咒の 提交于 2019-12-06 10:56:15
目录 Django(九)---多对多的创建方式,horm组件 多对多表创建方式 全自动 纯手写 半自动 form组件 校验数据 渲染标签 展示信息 内置的校验器 勾子函数 校验密码 确认密码是否一致 全局钩子 补充知识点 Django(九)---多对多的创建方式,horm组件 多对多表创建方式 全自动 通过Django中的orm,只要定义好表类,orm就对自动创建多对多的表关系,自动建立第三张表,并且还可以通过 add remove set clear 对第三张表进行操作 缺点: ​ 因为第三张表是自动创建的,所以该表无法扩展和自定义字段,标的扩展性较差 class Book(models.Model): title = models.CharField(max_length=32) # 多对多关系字段 authors = models.ManyToManyField(to='Authors') class Authors(models.Model): name = models.CharField(max_length=32) 纯手写 通过模型表类,手动创建第三张关系表 通过手动建立第三张关系表,该表中的字段个数和字段名称都可以实现自定义 缺点: ​ 自定义的第三张表,不能支持orm的跨表查询,也没有正反查询的概念 class Book(models.Model): title