表单验证

JQuery表单验证(包括:用户名,手机号,密码,确认密码,验证码60s)

走远了吗. 提交于 2020-03-17 21:02:02
每个项目中都会有登录注册模块的一些验证。比如说:用户名我们要验证位数和是否符合用户名规则;密码要验证字母开头,长度,是否包含下划线等等,这里我总结了一下常用的验证规则,用的是项目中用到的class和id ,如果自己用到的话要对名称做相应的修改。 验证用户名的方法: function username() { //reg1 = /^[a-zA-Z][a-zA-Z0-9_]{3,15}$/;// 帐号是否合法(字母开头,允许4-16字节,允许字母数字下划线) var reg = /^[0-9a-zA-Z_\u3E00-\u9FA5]{3,15}$/;//4-16字节,允许字母数字下划线 var userName = $("#userName").val(); if (userName == "") { $("#userNamePrompt").addClass("errorTextColor"); $("#userNamePrompt").html("<img class='regImg' src='images/x.png' />用户名不能为空!"); return false; } else if (!reg.test(userName)) { $("#userNamePrompt").addClass("errorTextColor"); $("#userNamePrompt")

PHP 表单验证

笑着哭i 提交于 2020-03-17 12:22:03
某厂面试归来,发现自己落伍了!>>> 1.通过PHP来验证表单数据 <!DOCTYPE HTML> <html> <head> </head> <body> <?php // define variables and set to empty values $name = $email = $gender = $comment = $website = ""; if ($_SERVER["REQUEST_METHOD"] == "POST") { $name = test_input($_POST["name"]); $email = test_input($_POST["email"]); $website = test_input($_POST["website"]); $comment = test_input($_POST["comment"]); $gender = test_input($_POST["gender"]); } function test_input($data) { $data = trim($data);//( PHP trim() 函数)去除用户输入数据中不必要的字符(多余的空格、制表符、换行) $data = stripslashes($data);//(PHP stripslashes() 函数)删除用户输入数据中的反斜杠(\) $data =

Flutter Form表单控件超全总结

无人久伴 提交于 2020-03-15 10:12:52
注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 Form、FormField、TextFormField是表单相关控件,类似于H5中form。 FormField FormField是一个表单控件,此控件包含表单的状态,方便更新UI,通常情况下,我们不会直接使用FormField,而是使用TextFormField。 TextFormField TextFormField继承自FormField,是一个输入框表单,因此TextFormField中有很多关于TextField的属性,TextFormField的基本用法: TextFormField( onSaved: (value){ print('$value'); }, autovalidate: false, validator: (String value){ return value.length>=6?null:'账号最少6个字符'; }, ) TextFormField效果如下: onSaved 是一个可选参数,当Form调用FormState.save时才会回调此方法。 autovalidate 参数为是否自动验证,设置为true时,TextField发生变化就会调用validator,设置false时

雷林鹏分享:jQuery EasyUI 表单 - 表单验证

可紊 提交于 2020-03-15 07:18:06
  jQuery EasyUI 表单 - 表单验证   本教程将向您展示如何验证一个表单。easyui 框架提供一个 validatebox 插件来验证一个表单。在本教程中,我们将创建一个联系表单,并应用 validatebox 插件来验证表单。然后您可以根据自己的需求来调整这个表单。   创建表单(form)   让我们创建一个简单的联系表单,带有 name、email、subject 和 message 字段:    Form Validation          Name:             Email:             Subject:             Message:   <textarea name="message" style="height:60px;"></textarea>                  我们添加一个样式名为 easyui-validatebox 到 input 标记,所以 input 标记将根据 validType 属性应用验证。   当表单无效时阻止表单提交   当用户点击表单的 submit 按钮时,如果表单是无效的,我们应该阻止表单提交。   $('#ff').form({   url:'form3_proc.php',   onSubmit:function(){   return $(this).form

撸码心得:为什么我选择敏捷开发框架

天涯浪子 提交于 2020-03-14 15:29:36
如今,编程领域发生了很大的变化,程序员花费了大量的时间来完善语法和代码结构的时候过去了。之前,从头开始以完美的语法编写代码是衡量程序员能力的最佳标准。但是,现在这种做法消失了,敏捷开发框架开始出现了,利用它程序员可以用更少的代码、更多的灵活性来构建一个强大的应用程序。 很明显,使用Java或者PHP等编程语言来编写程序,会比使用已经存在的框架花费更多的时间。使用众所周知的框架不仅可以让你尽可能快的完成事情,同时还可以享受其日积月累的好处,问题解决得更完美。 当然,如果你觉得这个框架不完美,那么也可以自己从头开始重写代码,以规避掉框架坏的部分,但是这样做可能需要更长的时间。如果项目对于上市和部署时间方面要求非常严格,那么强大的框架开发绝对是首选。 以下是这个敏捷开发框架的一些阐述: XJR敏捷开发框架技术特点 技术选型: 使用目前流行的多种web技术,包括springboot, JPA,Druid, Activiti,Lombok,swagger,poi,WebSocket,Jquery,BootStrap, maven,Jenkins 等等,支持多种数据库MySQL, Oracle, sqlserver等。 分层设计:使用分层设计,分为dao,service,Controller,view层,层次清楚,低耦合,高内聚。 安全考虑:严格遵循了web安全的规范,前后台双重验证

撸码心得:为什么我选择XJR敏捷开发框架

本小妞迷上赌 提交于 2020-03-14 15:28:28
如今,编程领域发生了很大的变化,程序员花费了大量的时间来完善语法和代码结构的时候过去了。之前,从头开始以完美的语法编写代码是衡量程序员能力的最佳标准。但是,现在这种做法消失了,敏捷开发框架开始出现了,利用它程序员可以用更少的代码、更多的灵活性来构建一个强大的应用程序。 很明显,使用Java或者PHP等编程语言来编写程序,会比使用已经存在的框架花费更多的时间。使用众所周知的框架不仅可以让你尽可能快的完成事情,同时还可以享受其日积月累的好处,问题解决得更完美。 当然,如果你觉得这个框架不完美,那么也可以自己从头开始重写代码,以规避掉框架坏的部分,但是这样做可能需要更长的时间。如果项目对于上市和部署时间方面要求非常严格,那么强大的框架开发绝对是首选。 以下是这个 敏捷开发框架 的一些阐述: XJR敏捷开发框架技术特点 技术选型: 使用目前流行的多种web技术,包括springboot, JPA,Druid, Activiti,Lombok,swagger,poi,WebSocket,Jquery,BootStrap, maven,Jenkins 等等,支持多种数据库MySQL, Oracle, sqlserver等。 分层设计:使用分层设计,分为dao,service,Controller,view层,层次清楚,低耦合,高内聚。 安全考虑:严格遵循了web安全的规范,前后台双重验证

JS---表单验证

拟墨画扇 提交于 2020-03-14 06:43:53
(非原创) <html> <title></title> <head> <script language = "javascript"> function cancel(){ document.getElementById("Form").reset(); } function check(){ //验证用户名 var username = document.getElementById("username"); if(username.value.length==0){ alert("用户名不能为空!"); username.focus(); return false; } if(username.value.length<6){ alert("用户名长度不能低于6位!"); username.value = ""; username.focus(); return false; } //验证密码,确认密码 var pass = document.getElementById("password"); var qrpass = document.getElementById("qrpassword"); if(pass.value.length==0){ alert("密码不能为空!"); pass.focus(); return false; } if(pass.value

JS实战 · 表单验证

余生颓废 提交于 2020-03-14 06:43:34
思路: 1、定义页面 通过表格格式化表单; 表格行都有自己的背景颜色; 单元格中的数据(文本等)用div进行封装,好操作; 2、定义样式 表格的样式; div的样式; 3、动态效果 页面加载时,将所有的输入框定义默认框线颜色和获取焦点时的框线颜色; 进行内容校验,不正确时显示警告信息。 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>表单验证</title> <!-- 思路: 1、定义页面 通过表格格式化表单; 表格行都有自己的背景颜色; 单元格中的数据(文本等)用div进行封装,好操作; 2、定义样式 表格的样式; div的样式; 3、动态效果 页面加载时,将所有的输入框定义默认框线颜色和获取焦点时的框线颜色; 进行内容校验,不正确时显示警告信息。 --> <style type="text/css"> table{ border: #A50DFA 1px solid; width: 500px; border-collapse: collapse; } table th, table td{ border: #A50DFA 1px solid; padding:10px; } table th{ } table td{ }

js表单验证

随声附和 提交于 2020-03-14 06:43:15
<html> <title></title> <head> <script language = "javascript"> function cancel(){ document.getElementById("Form").reset(); } function check(){ //验证用户名 var username = document.getElementById("username"); if(username.value.length==0){ alert("用户名不能为空!"); username.focus(); return false; } if(username.value.length<6){ alert("用户名长度不能低于6位!"); username.value = ""; username.focus(); return false; } //验证密码,确认密码 var pass = document.getElementById("password"); var qrpass = document.getElementById("qrpassword"); if(pass.value.length==0){ alert("密码不能为空!"); pass.focus(); return false; } if(pass.value.length

《Django By Example》第二章 中文 翻译 (个人学习,渣翻)

对着背影说爱祢 提交于 2020-03-13 10:07:14
书籍出处:https://www.packtpub.com/web-development/django-example 原作者:Antonio Melé 2016年12月13日发布(3天完成第二章的翻译,但没有进行校对,有很多错别字以及模糊不清的语句,请大家见谅) 2017年2月17日校对完成(不是精校,希望大家多指出需要修改的地方) 2017年3月6日精校完成(感谢大牛 @kukoo 的精校!) 2017年3月21日再度精校(感谢大牛 @妈妈不在家 的精校!初版我已经不敢再看!) (译者注:翻译完第一章后,发现翻译第二章的速度上升了不少,难道这就是传说中的经验值提升了?) 第二章 用高级特性来增强你的blog 在上一章中,你创建了一个基础的博客应用。现在你将利用一些高级的特性例如通过email来分享帖子,添加评论,给帖子打上tag,检索出相似的帖子等将它改造成为一个功能更加齐全的博客。在本章中,你将会学习以下几点: 通过Django发送email 在视图(views)中创建并操作表单 通过模型(models)创建表单 集成第三方应用 构建复杂的查询集(QuerySets) 通过email分享帖子 首先,我们会允许用户通过发送邮件来分享他们的帖子。让我们花费一小会时间来想下,根据在上一章中学到的知识,你该如何使用views,urls和templates来创建这个功能。现在