ホームページ > ウェブフロントエンド > jsチュートリアル > シンプルで実用的なフィードバック フォームの送信 (refresh_javascript スキルなしで検証あり)

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

WBOY
リリース: 2016-05-16 17:14:41
オリジナル
1058 人が閲覧しました

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
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート