シンプルで実用的なフィードバック フォームの送信 (refresh_javascript スキルなしで検証あり)

js 文件可蟥看源码

XML/HTML コード

复制代码 代码如下:

• 
  名前
  
  


• 
  メール
  
  


• 
  メッセージ
  
  


• 
  
  
  

JavaScript コード

复制代码代码如下:

< ;スクリプトタイプ="text/javascript">
$('document').ready(function(){

$('#form').validate({
rules:{
"name":{
required:true,
maxlength:40
},

"email":{
required:true,
email:true,
maxlength:100
} 、

"message":{
required:true
}}、

messages:{
"name":{
required:"このフィールドはrequired"
}、

"email":{
required:"このフィールドは必須です"、
email:"有効なメール アドレスを入力してください"
}、

"メッセージ":{
required:"このフィールドは必須です"
}},

submitHandler: function(form){
$(form).ajaxSubmit({
ターゲット: '#preview',
成功: function() {
$('#formbox').slideUp('fast');
}
};
}

})

});

関連ラベル：

提出する リフレッシュなし 形状 確認する

ソース：php.cn

前の記事：ページ上の複数の送信ボタンの問題を簡単に解決するために、js を使用してフォームを送信する方法_javascript スキル 次の記事：NodeJSのURLインターセプトモジュールurl-extract_基礎知識の使用例

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事

• BlackRock Labels BTC a Unique Diversifier
  2024-09-20 15:51:33
• Internet Computer (ICP) Price Prediction: Will ICP Price Hit $24?
  2024-09-20 15:47:32
• Worldcoin (WLD) Price Prediction 2022-23
  2024-09-20 15:45:32
• 今日投資すべきトップミームコイン
  2024-09-20 15:39:32
• Floki (FLOKI) 価格予測: 刷新されたマーケティングは Floki が 10 月の利益を取り戻すのに役立ちますか?
  2024-09-20 15:38:32
• Next Cryptocurrency to Explode: 5 Coins to Add to Your Watchlist
  2024-09-20 15:27:32
• Dogecoin: From an Internet Meme to a Digital Currency with a Billion-Dollar Market Capitalization
  2024-09-20 15:26:32
• ZChains Unveils a Series of Exciting Updates and Launches to Enhance Its Ecosystem
  2024-09-20 15:12:32
• Apple 版の Little Fox Payment Platform をダウンロードする方法
  2024-09-20 14:53:01
• 初心者がMetaMaskで取引する方法とその利点と欠点
  2024-09-20 14:51:01

最新の問題

URL パラメータから取得した PHP 配列が期待どおりに動作しない カテゴリ ID を含む URL パラメータがあり、それを次のような配列として扱いたいと考えています: http://example.com?cat[]=3,9,13 PHP では、...

から 2024-04-06 22:09:02

0

1

1428

単語と一致する正規表現 新しいジョブ名をデータベース内の既存のジョブ名と照合しようとするスクリプトがあります。 SELECTa.titleASJobTitle,j.DescriptionASMatched...

から 2024-04-06 21:24:04

0

1

606

クエリと式は、新しい列を含むテーブル全体を形成します。新しい列は、他の条件列の値を含む式です。 編集: 式は「値」列、つま​​りカテゴリに基づいて最も低い user_id を持つ「値」列である必要があります。カテゴリ「A」の最も低い「user_id」の「value」列が 0....

から 2024-04-06 21:23:40

0

2

530

CSSでページ下部の謎の空白を解決する方法 Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...

から 2024-04-06 20:22:15

0

1

454

opentbs を使用して odt ファイルを生成するときに発生する問題: 同じキーの値が別の列ではなく同じ行に表示されます。 PHPでodtを作成するためにOpenTbsというライブラリを使っていますが、列と行が動的に生成されるので利用しています。行と列の作成方法は知っていますが、それらを整理する方法がわ...

から 2024-04-06 20:18:18

0

1

483

関連トピック

詳細>

• jdk環境変数の設定
• PowerDesigner から Word をエクスポートする方法
• pscs5 インストールのシリアル番号
• Baidu Netdisk のダウンロードが遅い問題を解決する方法
• Windows10のインストールに失敗しました
• mysqlカーソルの使い方
• ウェブストームのクラッシュを解決する方法
• フェーズドアレイレーダーとは