検索

コードをコピーします コードは次のとおりです:

//onReady の function() に配置します{}
Ext.QuickTips.init(); // コンポーネントのプロンプト情報関数を提供します。フォームの主なプロンプト情報はクライアント検証のエラー メッセージです。
Ext.form.Field.prototype.msgTarget='side'; //プロンプト メソッド、列挙値は次のとおりです:

qtip-マウスがコントロール上に移動したときにプロンプ​​トを表示します。 title-ブラウザのタイトルに表示されますが、テスト結果は qtip と同じです。
under-コントロールの下にエラー メッセージを表示します。
side-コントロールの右側にエラー アイコンを表示します。マウスはアイコンをポイントします。 デフォルト値:
id-[要素 ID] エラー プロンプトは、指定された ID

1 の HTML 要素に表示されます。 >

//null 検証の 2 つのパラメーター
allowBlank :false//false を空にすることはできません。デフォルトは true です。
blankText:string//空の場合のエラー メッセージ


js コードは次のとおりです:


var form1 = new Ext.form.FormPanel({
width:350,
renderTo:"form1"、
title:"FormPanel"、
defaults:{xtype:"textfield"、inputType:"password"}、
items:[
{fieldLabel:"空白にすることはできません",
allowBlank: false, //Null は許可されません
blankText: "空白にすることはできません", //エラー メッセージ、デフォルトはこのフィールドは必須です!
id: "blanktest" ,
}
]
});


2. 簡単な検証には vtype 形式を使用します。
これはメール認証の例です。上記のコードの項目構成を書き換えます:


items:[
{fieldLabel:"空にすることはできません",
vtype:"email",//メール形式の検証
vtypeText:"無効ですメールアドレス",/ /エラーメッセージ。デフォルト値については触れません。
id: "blanktest",
anchor: "90%"
}
上記の vtype は変更できます次の extjs へ デフォルトで vtype によってサポートされる検証:
//フォーム検証でデフォルトでサポートされる vtype のタイプ


1.alpha // 文字のみを入力でき、その他 (数字、特殊記号など) は入力できません
2.alphanum//文字と数字のみ入力でき、その他は入力できません
3.email//メール認証、必要な形式は ""
4 .url//url 形式の検証、必要な形式は http://www.baidu.com です

3. 高度なカスタム パスワード検証
以前の検証はすべて extjs によって提供され、カスタマイズすることもできます検証機能。


//最初に Ext.apply メソッドを使用します。カスタムのパスワード検証関数を追加します (他の名前も使用できます)
Ext.apply(Ext.form.VTypes,{
password:function(val,field){//val) は、ここではテキスト ボックスの値を指します。 field はこのテキスト ボックス コンポーネントを指します。誰もがこの意味を理解する必要があります。
if(field.confirmTo){//confirmTo はカスタム構成パラメータであり、通常は他のコンポーネントの ID 値を保存するために使用されます
var pwd=Ext。 get( field.confirmTo);//confirmTo の ID の値を取得します
return (val==pwd.getValue());
return
}
} );
//アイテムパラメータを設定します
items: [{fieldLabel: "Password",
id: "pass1",
},{
fieldLabel: "confirm Password",
id: "pass2",
vtype: "password", // カスタマイズされた検証タイプ
vtypeText: "2 つのパスワードは矛盾しています!",
confirmTo: "pass1", // もう 1 つは、コンポーネントの ID
}


4. 正規表現を使用して


コードをコピー コード次のように: new Ext.form.TextField({
fieldLabel : "name",
name : "author_nam",
regex : /[u4e00-u9fa5]/ , //正規表現は /..../ の間にあります。 [u4e00-u9fa5]: 中国語のみ入力できます。
regexText: "中国語のみ入力できます!", //正規表現エラー メッセージ
allowedBlank : false //この検証はまだ有効です。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
php如何使用CodeIgniter4框架?php如何使用CodeIgniter4框架?May 31, 2023 pm 02:51 PM

PHP是一种非常流行的编程语言,而CodeIgniter4是一种常用的PHP框架。在开发Web应用程序时,使用框架是非常有帮助的,它可以加速开发过程、提高代码质量、降低维护成本。本文将介绍如何使用CodeIgniter4框架。安装CodeIgniter4框架CodeIgniter4框架可以从官方网站(https://codeigniter.com/)下载。下

如何使用Flask-WTF实现表单验证如何使用Flask-WTF实现表单验证Aug 03, 2023 pm 06:53 PM

如何使用Flask-WTF实现表单验证Flask-WTF是一个用于处理Web表单验证的Flask扩展,它提供了一种简洁、灵活的方式来验证用户提交的数据。本文将向您展示如何使用Flask-WTF扩展来实现表单验证。安装Flask-WTF要使用Flask-WTF,首先需要安装它。可以使用pip命令来安装:pipinstallFlask-WTF导入所需模块在F

Laravel开发:如何使用Laravel Validation验证表单请求?Laravel开发:如何使用Laravel Validation验证表单请求?Jun 13, 2023 pm 01:34 PM

Laravel是一个流行的PHPWeb开发框架,它提供了很多方便的功能来加快开发者的工作。其中,LaravelValidation是一种非常实用的功能,它可以帮助我们轻松地验证表单请求和用户输入的数据。本文就将介绍如何使用LaravelValidation验证表单请求。什么是LaravelValidationLaravelValidation是La

如何使用Golang实现Web应用程序的表单验证如何使用Golang实现Web应用程序的表单验证Jun 24, 2023 am 09:08 AM

表单验证是Web应用程序开发中非常重要的一个环节,它能够在提交表单数据之前对数据进行有效性检查,避免应用程序出现安全漏洞和数据错误。使用Golang可以轻松地实现Web应用程序的表单验证,本文将介绍如何使用Golang来实现Web应用程序的表单验证。一、表单验证的基本要素在介绍如何实现表单验证之前,我们需要知道表单验证的基本要素是什么。表单元素:表单元素是指

PHP中的表单验证和过滤方法?PHP中的表单验证和过滤方法?Jun 29, 2023 pm 10:04 PM

PHP作为一种广泛应用于Web开发的脚本语言,其表单验证和过滤是非常重要的一部分。在用户提交表单的过程中,需要对用户输入的数据进行验证和过滤,以确保数据的安全性和有效性。本文将介绍PHP中如何进行表单验证和过滤的方法和技巧。一、表单验证表单验证是指对用户输入的数据进行检查,以确保数据符合特定的规则和要求。常见的表单验证包括对必填项的验证、邮箱格式、手机号码格

PHP表单验证技巧:如何使用filter_input函数检验用户输入PHP表单验证技巧:如何使用filter_input函数检验用户输入Aug 01, 2023 am 08:51 AM

PHP表单验证技巧:如何使用filter_input函数检验用户输入引言:在开发Web应用程序时,表单是与用户进行交互的重要工具。而正确地验证用户输入,是保证数据的完整性和安全性的关键步骤之一。PHP提供了filter_input函数,可以方便地对用户输入进行验证和过滤。本文将介绍如何使用filter_input函数来检验用户输入,并提供相关的代码示例。一、

ThinkPHP6如何进行表单验证操作?ThinkPHP6如何进行表单验证操作?Jun 12, 2023 am 09:36 AM

ThinkPHP6是一款基于PHP的MVC框架,极大地简化了Web应用程序的开发。其中表单验证是一个非常基础和重要的功能。在这篇文章中,我们将介绍ThinkPHP6中如何进行表单验证操作。一、验证规则定义在ThinkPHP6中,验证规则都需要定义在控制器中,我们可以通过在控制器中定义一个$validate属性来实现规则的定义,如下所示:usethinkVa

Golang学习之Web应用程序的表单验证实践Golang学习之Web应用程序的表单验证实践Jun 24, 2023 pm 03:07 PM

在Web开发中,表单验证是一个极其关键的部分。表单验证可以有效地保护数据的安全性,防止非法用户的攻击和恶意操作。在Golang中,表单验证技术也应用广泛,特别是在Web应用程序中。本文将介绍Golang中Web应用程序的表单验证实践。一、表单验证的基本原理在Web应用程序中,表单验证的基本原理是在Web页面提交数据之前进行数据的检查和验证。这些数据可能是用户

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。