JSはリアルタイムのダイナミックチェックを実現し、入力フォーマットのエラーを赤い背景として表示する
5796 ワード
リアルタイムダイナミックチェックでは、入力されたフォーマットが間違っている場合は、ポップアップウィンドウのプロンプト入力フォーマットが間違っていて、背景が赤で表示されます.
ソース:
フロント:
"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":""});
}
}