JSはリアルタイムのダイナミックチェックを実現し、入力フォーマットのエラーを赤い背景として表示する


  • 機能説明:
  • ソース:
  • 機能の説明:
    リアルタイムダイナミックチェックでは、入力されたフォーマットが間違っている場合は、ポップアップウィンドウのプロンプト入力フォーマットが間違っていて、背景が赤で表示されます.
    ソース:
    フロント:
    "cxfdl" οnblur="test2('XXXXXXXX','cxfdl')" title="XXXXXXXX"   />
    " οnblur="test2('title','pjyjd')" title="title" />

    JS:保存方法:
    //  
        function save(){
            var msg = "";
            //                 ,      
            $.each(notPassArray, function(key){
                msg = msg + notPassArray[key] + "";
            });
            //         ,      ,       
            if (msg != "") {
                $.alert('    ', msg, function(){});
                return;
            }
            var formData = ajaxform.collectData() ;
            var dataArr = [] ;
            dataArr.push(formData) ;
            $.request({
                action:"save",
                data:dataArr,
                success:onsavecomplete
            }) ;
        }
        //            
        var notPassArray = {} ;
    
        //      
        function test1(title, column){
            var columnObj = ajaxform.getColumnComponent(column);
            var patrn = /^[0-9]*$/;  
            var columnValue = ajaxform.getColumnValue(column);
            if (columnValue!=null && columnValue!="" && !patrn.test(columnValue)) {
                notPassMsg = title + '     ';
                notPassArray[column]=notPassMsg;
                columnObj.css({"background-color":"#FDC8CC"});
                $.alert('    ', notPassMsg, function(){});
            } else {
                delete notPassArray[column];
                columnObj.css({"background-color":""});
            }
        }
    //        
        function test2(title, column){
            //   column     jquery  
            var columnObj = ajaxform.getColumnComponent(column);
            var patrn = /^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/;
            //       column       
            var columnValue = ajaxform.getColumnValue(column);
             if (columnValue!=null && columnValue!="" && !patrn.test(columnValue)) {  
                //       
                notPassMsg = title + ':             ';
                //                
                notPassArray[column]=notPassMsg;
                //             
                columnObj.css({"background-color":"#FDC8CC"});
                $.alert('    ', notPassMsg, function(){});
             } else {
                //                 
                delete notPassArray[column];
                //            
                columnObj.css({"background-color":""});
             }
        }