`
1111111111111
  • 浏览: 6710 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

一个验证form表单信息的小工具类

阅读更多

这个是自己随便写的!只是一个超级简单的验证信息,只能用于文本框!

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>表单提交验证测试用。。。。</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<link rel="stylesheet" href="../css/style.css" type="text/css" />
<link rel="stylesheet" href="../css/validator.css" type="text/css" />
<script type="text/javascript" src="judgeForm.js"></script>
</HEAD>

<BODY>
<SCRIPT LANGUAGE="JavaScript">
    var config={
         form:"myForm",
         elements:
         [
         {
         name:"userName",
             tip:"s",
             regxp:/^\w{6,12}$/g,
             isNull:false,
             defaultMsg:"用户名为6~12数!",
             focus:"输入用户名",
             errorMsg:"用户名不合法!",
             rightMsg:"用户名可以使用!"
         },{
              name:"password",
             tip:"ss",
             regxp:/^\w{6,12}$/g,
             isNull:false,
             defaultMsg:"密码为6~12数!",
             focus:"输入密码",
             errorMsg:"密码输入不合法!",
             rightMsg:"密码格式正确!"
         
         }]};
         F.onReady(function(){
        var j=new JudgeForm(config);
        j.register();
    })

</SCRIPT>
<FORM METHOD=POST ACTION="" id="myForm">
用户名:<INPUT TYPE="text" NAME="userName" id="userName" /><font color="#669900" ><span id='s'></span></font><br>
密码:  <input type="password" id="password" /><font color="#669900" ><span id='ss'></span></font><br>
<INPUT TYPE="submit" value="提交">
</FORM>
</BODY>
</HTML>

分享到:
评论

相关推荐

    jquery form 表单验证神器

    总结起来,jQuery Form 表单验证神器是一个强大的工具,它利用jQuery的便利性,结合HTML表单,提供了一套完善的验证解决方案。其丰富的文档、本地化支持、可扩展性和自定义皮肤使其成为开发者的得力助手,无论是在...

    Python关于 Django 的web- Form 表单验证

    在Python的Web开发框架Django中,Form表单验证是一个至关重要的部分,它允许开发者创建用户界面并确保从用户那里接收到的数据是有效且安全的。Form类是Django提供的一个强大工具,用于处理HTTP请求中的数据,进行...

    使用FormValidation进行表单验证

    `FormValidation`是一个强大的JavaScript库,它结合了`jQuery`和`Bootstrap`框架,使得表单验证变得更加简单易用。本文将详细介绍如何使用`FormValidation`进行表单验证,并探讨与`jQuery`和`Bootstrap`的集成。 ...

    form表单验证板模板

    在网页开发中,表单(Form)是收集用户数据的重要工具,而表单验证则是确保用户输入的数据符合预期格式和规则的关键步骤。本教程将详细讲解如何使用HTML、JavaScript中的`onfocus()`和`onblur()`事件来实现邮箱注册...

    jquery表单验证实例网站会员注册表单验证提交form表单代码

    jQuery作为一个强大的JavaScript库,提供了简单易用的API来进行表单验证。本实例将深入探讨如何利用jQuery实现网站会员注册表单的验证,并在用户提交form表单时进行有效控制。 首先,我们需要理解jQuery的核心概念...

    一个好看的Form表单源码

    本案例展示了一个使用HTML5和CSS3创建的精美Form表单。 #### 二、基本结构与样式设置 1. **文档类型声明**:`&lt;!DOCTYPE html&gt;`,表示这是一个HTML5文档。 2. **HTML元素定义**: - `&lt;head&gt;`部分包含了文档的元...

    JS验证Form表单

    formcheck.js 是一款专门验证JS表单的客户端工具类,里面已经写好了很多方法只需要调用就行

    Django之Form表单验证及Ajax验证方式汇总

    1. **定义Form类**:在Django中,你需要创建一个继承自`forms.Form`或`forms.ModelForm`的类来定义表单字段及其验证规则。例如: ```python from django import forms class LoginForm(forms.Form): username = ...

    html5+css3实现酷炫的form表单

    在本教程中,我们将探讨如何利用这两者的优势来设计和实现酷炫的form表单。 首先,HTML5引入了新的表单元素和属性,如`&lt;input type="date"&gt;`用于日期选择,`&lt;input type="email"&gt;`用于邮箱验证,以及`&lt;fieldset&gt;`和...

    js表单验证工具

    文件名`formMatches`可能是指这个工具中的一个关键函数或类,用于匹配和验证表单数据。它可能包含了各种验证规则的逻辑,通过比较用户输入与预设模式来确定输入是否有效。 通过这个工具,开发者和使用者可以轻松...

    Web开发-如何使用WTForms验证Form表单中的字段-Python实例源码.zip

    本实例将详细讲解如何使用WTForms来验证Form表单中的字段,帮助你更好地理解和应用这一工具。 首先,你需要安装WTForms库。在命令行中输入以下命令进行安装: ```bash pip install WTForms ``` 安装完成后,可以...

    HttpUtil,支持data-form、SSL等

    `HttpUtil` 是一个工具类,通常用于简化Java开发中的HTTP请求操作,尤其是对于POST请求的处理。在这个特定的场景中,`HttpUtil` 针对两种常见的HTTP请求类型——data-form(表单数据)和SSL(安全套接层)进行了优化...

    Forms generation验证表单类

    标题"Forms generation验证表单类"涉及到的是一个用于生成和验证HTML表单的类或工具。这个工具的主要目的是确保用户输入的数据符合预设的验证规则,从而提高数据的安全性和准确性。 描述中提到的关键点包括: 1. *...

    Bootstrap 表单验证formValidation 实现表单动态验证功能

    Bootstrap 表单验证formValidation库是一个强大的前端验证工具,它允许开发者轻松地为HTML表单添加验证规则,提供用户友好的交互体验。本教程将详细介绍如何利用formValidation实现动态添加输入框并添加新的验证方式...

    利用freemarker根据数据库字段自动生成form表单代码

    本话题将详细探讨如何利用Freemarker模板引擎根据数据库字段自动生成form表单、DAO层和Service层的增删改查功能。 **1. Freemarker简介** Freemarker是一个开源的Java模板引擎,它允许开发者使用特定的模板语言...

    form表单验证

    本教程将深入探讨“form表单验证”,包括结合Ajax实现的实时反馈机制,以及使用HTML、CSS、JavaScript和jQuery来构建一个功能完善的表单验证系统。 首先,我们来看HTML中的表单元素。`&lt;form&gt;`标签用于定义表单,...

    flex form 验证(转)

    在Flex中,`Form`组件是用于收集用户输入数据的主要工具,而`FormValidator`则是处理表单验证的核心类。 1. **表单验证基本概念** 表单验证通常包括对输入数据的类型检查(如数字、字符串)、长度检查、格式检查...

    一个适用于渲染table格式的多行form表单组件

    在描述中提到的"一个适用于渲染table格式的多行form表单组件",显然是一款基于Vue.js设计的组件,用于帮助开发者更方便地创建数据驱动的表格形式的多行表单。 Vue.js组件是Vue生态系统中的核心特性之一,允许我们将...

    RegexUtils表单注册常用正则表达式验证工具类

    RegexUtils,Java 表单注册常用正则表达式验证工具类,常用正则表达式大集合。 1. 电话号码 2. 邮编 3. QQ 4. E-mail 5. 手机号码 6. URL 7. 是否为数字 8. 是否为中文 9. 身份证 10. 域名 11. IP

Global site tag (gtag.js) - Google Analytics