表单验证 | 易学教程

表单提交学习笔记（二）—使用jquery.validate.js进行表单验证

阅读更多关于表单提交学习笔记（二）—使用jquery.validate.js进行表单验证

一、官网下载地址：http://plugins.jquery.com/validate/ 二、用法 1.在页面上进行引用 <script src="~/scripts/jquery-1.10.2.min.js"></script> <script src="~/scripts/jquery.validate.js"></script> 2.写验证规则（标红的"myForm"是要提交表单的ID名称，剩下的标红字体则对应的是需要验证文本框的name属性名称） 1 $(function () { 2 //验证规则 3 $('#myForm').validate({ 4 debug: true, 5 onkeyup: null, 6 rules: { 7 university: { 8 required:true 9 }, 10 age: { 11 required: true, 12 number:true 13 }, 14 email: { 15 required: true, 16 email:true 17 } 18 }, 19 messages: { 20 university: { 21 required:"请输入学校名称！" 22 }, 23 age: { 24 required: "请输入年龄！", 25 number:"年龄必须是数字！" 26 }, 27

jQuery中防止表单提交两次的方法

阅读更多关于 jQuery中防止表单提交两次的方法

遇到过表单提交两次的情况，做个记录；解决场景：首先是表单验证，其次是防止多次提交表单； jQuery中插件：validate_submitHandler_plugin，具体的可以使用关键字搜索；使用方法：首先在前端定义form表单，然后jQuery来处理验证和提交： <form id="application-form" class="form-horizontal"> <div class="rds panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">源表信息</h3> </div> <div class="panel-body"> <div class="form-group"> <label for="source-cluster" class="col-sm-2 control-label"><span class="required-field">*</span> 源集群：</label> <div class="col-sm-8 control-section"> <input id="source-cluster" name="sourceCluster" class="form-control" value="${cluster.name}" readonly> <

前端HTML标签

阅读更多关于前端HTML标签

一. HTML是什么　　HTML是超文本暴击语言( Hypertext Markup Language )是一种创建网页的标记语言,而不是一种编程语言　　本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页.对也不同的浏览器,对同一个标签可能会有不同的解释　　网页文件扩展名 : .html 或 .htm 二. HTML标签格式　　HTML标签由尖括号包围的关键字 : < > 　　HTML标签通常是成对出现的 : <div></div> 第一个标签是开始,第二个标签是结束　　标签内可以有若干属性,也可以不带属性　　标签语法 : 　　　　<标签名属性1='属性值1' 属性2='属性值2'.....>显示内容</标签名> 　　　　<标签名属性1='属性值1' 属性2='属性值2'..../> 　　部分重要的属性 : 　　　　id : 定义标签的唯一ID,HTML文档内唯一　　　　class : 为html元素定义一个或多个类名　　　　style : 规定元素的内部样式　　HTML注释 : 　　　　 三. 最基本的HTML格式 <!DOCTYPE html> #声明为HTML5文档 <html lang="zh-CN">#文档开始标记,声明网页编码 <head>#定义了HTML文档的开头

Flask 教程第十章：邮件支持

阅读更多关于 Flask 教程第十章：邮件支持

本文翻译自 The Flask Mega-Tutorial Part X: Email Support 这是Flask Mega-Tutorial系列的第十部分，在其中我将告诉你，应用如何向你的用户发送电子邮件，以及如何在电子邮件支持之上构建密码重置功能。现在，应用在数据库方面做得相当不错，所以在本章中，我想抛开这个主题，开始添加发送电子邮件的功能，这是大多数Web应用必需的另一个重要部分。为什么应用需要发送电子邮件给用户？原因很多，但其中一个常见的原因是解决与认证相关的问题。在本章中，我将为忘记密码的用户添加密码重置功能。当用户请求重置密码时，应用将发送包含特制链接的电子邮件。用户然后需要点击该链接才能访问设置新密码的表单。本章的GitHub链接为： Browse , Zip , Diff . Flask-Mail简介就实际的邮件发送而言，Flask有一个名为 Flask-Mail 的流行插件，可以使任务变得非常简单。和往常一样，该插件是用pip安装的： 1 (venv) $ pip install flask-mail 密码重置链接将包含有一个安全令牌。为了生成这些令牌，我将使用 JSON Web Tokens ，它也有一个流行的Python包： 1 (venv) $ pip install pyjwt Flask-Mail插件是通过 app.config

flask 在视图函数中验证表单 --

阅读更多关于 flask 在视图函数中验证表单 --

在视图函数中验证表单因为现在的basic_form视图同时接受两种类型的请求：GET请求和POST请求。所以我们要根据请求方法的不同执行不同的代码。具体来说，首先是实例化表单，如果是GET请求，就渲染模板；如果是POST请求，就调用validate()方法验证表单数据。请求的HTTP方法可以通过requeset.method属性获取，我们可以使用下面的方式来组织视图函数： from flask import request @app.route('/basic', methods=['GET','POST']) def basic(): form = LoginForm() #GET + POST #如果用户提交表单，并且数据通过验证 if request.method == 'POST' and form.validate(): #获取表单数据并保存 ...#处理POST请求 return render_template('forms/basic.html',form=form) #处理GET请求当请求方法是GET时，会跳过这个if语句，渲染basic.html模板；当请求的方法是POST时（说明用户提交了表单），则验证表单数据。这会逐个字段（包括CSRF令牌字段）调用附加的验证器进行验证。因为WTForms会自动对CSRF令牌字段进行验证

Thinkphp 简单表单提交验证

阅读更多关于 Thinkphp 简单表单提交验证

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 具体的操作步骤如下：第一步：入口文件index.php内容 (此文件基本是属于固定的格式） <?php define('THINK_PATH','./ThinkPHP/'); define('APP_NAME','MyApp'); define('APP_PAHT','./MyApp/'); require_once THINK_PATH.'ThinkPHP.php'; $app=new App(); $app->run(); ?> 第二步：Active文件夹中的IndexAction.class.php文件内容 <?php class IndexAction extends Action { public function Index() { $this->display();//渲染到模板index.html } // 生成验证码 public function verify()//这是一个固定的格式 { import("ORG.Util.Image"); Image::buildImageVerify(); } //检验验证码是否正确 public function verifyCheck() { if (md5($_POST['verifyTest']) != Session::get('verify

Validform 基于表单验证

阅读更多关于 Validform 基于表单验证

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@include file="../taglib/taglib.jsp"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <base href="${ctx}" /> <meta http-equiv="X-UA-Compatible" content="IE=8,IE=9" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript"> var ctx = '${ctx}'; <

HTML-form表单默认提交行为、数据验证+默认行为阻止与否

阅读更多关于 HTML-form表单默认提交行为、数据验证+默认行为阻止与否

问题1描述：在写form表单时遇到过这种情况：form 表单中的默认类型的按钮点击会提交，如图1 。解析：这是因为如果 form 中的按钮默认类型是 submit ，如果不人为设置的话，就会取默认值。解决方法： 1.给按钮明确类型 2.把按钮写到 form 表单外，绑定事件，JS提交。图1 问题2描述：在提交 form 表单之前需要验证一下数据的格式正确与否，但是点击按钮之后，绑定的事件还没生效就跳转界面了。解析：此时，button-submit 的执行顺序是在绑定的事件之前的。执行 submit ，就已经跳转界面了，onclick等函数当然不会执行了。解决办法1： 1.不给 button 设置类型； 2.绑定验证函数，判断是否阻止表单默认提交行为，数据最终由 form 表单提交；（图2 ）这里的target是另起一个简单页面，只起提供一个提交地址的作用。如图3 。函数相应之后，如果数据验证不正确，就通过 event.preventDefault() 阻止 button 的默认提交行为，返回 false；如果正确，就返回 true，提交数据。这里案例只验证了是否为空，具体数据格式按个人所需设置。图2 图3 解决办法2： 1.不给 button 设置类型； 2.绑定验证函数，验证数据，最终由 ajax

Flask中的模板,Jinjia2介绍

阅读更多关于 Flask中的模板,Jinjia2介绍

Jinja2模板引擎简介模板在前面的示例中，视图函数的主要作用是生成请求的响应，这是最简单的请求。实际上，视图函数有两个作用：处理业务逻辑和返回响应内容。在大型应用中，把业务逻辑和表现内容放在一起，会增加代码的复杂度和维护成本。本节学到的模板，它的作用即是承担视图函数的另一个作用，即返回响应内容。模板其实是一个包含响应文本的文件，其中用占位符(变量)表示动态部分，告诉模板引擎其具体的值需要从使用的数据中获取使用真实值替换变量，再返回最终得到的字符串，这个过程称为“渲染” Flask是使用 Jinja2 这个模板引擎来渲染模板使用模板的好处：视图函数只负责业务逻辑和数据处理(业务逻辑方面) 而模板则取到视图函数的数据结果进行展示(视图展示方面) 代码结构清晰，耦合度低 Jinja2 两个概念： Jinja2：是 Python 下一个被广泛应用的模板引擎，是由Python实现的模板语言，他的设计思想来源于 Django 的模板引擎，并扩展了其语法和一系列强大的功能，其是Flask内置的模板语言。模板语言：是一种被设计来自动生成文档的简单文本格式，在模板语言中，一般都会把一些变量传给模板，替换模板的特定位置上预先定义好的占位变量名。渲染模版函数 Flask提供的 render_template 函数封装了该模板引擎 render_template

djangoform详解

阅读更多关于 djangoform详解

orm表单的功能准备数据、重构数据，以便下一步提交。为数据创建HTML 表单接收并处理客户端提交的表单和数据普通字段详解：布尔值 checkbox charFied input() ChoiceField (select标签) DateField Dateinput 标签 emailField EaillInput FileField ImageField MultipleChoiceField (select标签 multiple) 处理关系的字段：两个字段可用于表示模型之间的关系： ModelChoiceField 和 ModelMultipleChoiceField 。这两个字段都需要单个 queryset 参数，用于创建字段的选择。 ModelChoiceField ModelMultipleChoiceField 表单里choice用的数据库里数据时不会实时更新。所以需要将choice放到init里，每次使用都执行一遍：示例字段的核心参数： required 　　f = forms.CharField(required=False) 　　默认为True。 label >>> from django import forms >>> class CommentForm(forms.Form): ... name = forms.CharField

订阅表单验证