jQueryで作る簡易フォームバリデータ

高瀬 裕介 258views 更新:2014年7月17日
       jQuery(document).ready(function ($) {
            jQuery('#form').on('submit', function(){
                jQuery('#form .input-error').remove();
                validate = true;
                
                title = jQuery('#form #title').val();
                if(!title){
                    jQuery('#form #title').after(jQuery('<p>').addClass('input-error').text('タイトルを入力してください'));
                    validate = false;
                }
                
                content = jQuery('#form #content').val();
                if(!content){
                    jQuery('#form #content').after(jQuery('<p>').addClass('input-error').text('内容を入力してください'));                    
                    validate = false;
                }   
                
                if(!validate){
                    jQuery(document).scrollTop(0);
                }
                            
                return validate;
            });
        });

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません