求一个spreadJS基于正则表达式的自定义数据校验的demo

收藏

本帖最后由 liushiniao 于 2019-4-30 14:08 编辑

您好，我想做一个数据校验，需要验证手机号、身份证号、ip地址等自定义的数据校验，详情官方提供一个demo，通过代码应该怎么设置，怎么使用，非常感谢！！

demo已在别的帖子找到，谢谢

另外还有一点，比如我设置了单元格为必填项的校验以后，还需要必须符合身份证号，类似于这样同一个单元格有多个校验规则的怎么处理？请指导，谢谢

KevinChen · KevinChen

您好，我给您提供一个功能完整的示例，比学习指南这个更简洁一些，您参考一下。

KevinChen · KevinChen

您好，SpreadJS单元格校验原生并不支持多条件校验，不过您的这个校验规则，实际上可以作为非空校验+规则校验。请参考一下学习指南：
https://demo.grapecity.com.cn/Sp ... customDataValidator

其中有一个ignoreBlank的参数，可以解决非空验证的问题。

当然，多条件校验也可以实现，但实际上可以通过一些思路来实现，参考以下代码：

$(document).ready(function() {
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), { sheetCount : 1 });
var spreadNS = GC.Spread.Sheets;
var validators = [{
validator : "A2<=A1",
error_message: "error_1: A2<=A1"
},{
validator : "A3<=A1",
error_message: "error_2: A3<=A1"
},{
validator : "A1=A4+A5+A6",
error_message: "error_3: A1=A4+A5+A6"
},{
validator : "A1=B1+C1-D1",
error_message: "error_4: A1=B1+C1-D1"
},{
validator : "A1<>0",
error_message: "error_5: A1<>0"
}];
validators = [{
validator: "A1>B1",
error_message: "error_1: 得分应小于标准分！"
}, {
validator: "A1>0",
error_message: "error_1: 得分不能为负数！"
}];
var current_sheet = spread.getActiveSheet();
current_sheet.setValue(0, 0, 15);
current_sheet.setValue(1, 0, 1);
current_sheet.setValue(2, 0, 15);
current_sheet.setValue(3, 0, 4);
current_sheet.setValue(4, 0, 5);
current_sheet.setValue(5, 0, 6);
current_sheet.setValue(0, 1, 9);
current_sheet.setValue(0, 2, 8);
current_sheet.setValue(0, 3, 2);
var rowIndex = 1;
var colIndex = 1;
var cell = current_sheet.getCell(rowIndex, colIndex);
$("#run").click(function () {
validators.some(function (obj) {
let tmpValidator = new GC.Spread.Sheets.DataValidation.createFormulaValidator(obj.validator);
tmpValidator.errorTitle("error");
tmpValidator.errorMessage(obj.error_message);
tmpValidator.ignoreBlank(false);
current_sheet.setDataValidator(rowIndex, colIndex, tmpValidator);
let vad = current_sheet.getDataValidator(rowIndex, colIndex);
if( vad.isValid( current_sheet, rowIndex, colIndex, parseInt(cell.value())) ){
cell.backColor("green");
}else{
cell.backColor("red");
alert("error:" + obj.error_message);
return true;
}
current_sheet.setDataValidator(rowIndex, colIndex, null);
});
});
});

复制代码

liushiniao · liushiniao

本帖最后由 liushiniao 于 2019-5-6 17:15 编辑

非常感谢，就是这个我们设计的时候正则表达式的校验是正确的，我是在这个页面上增加了一个正则表达式的校验选项，设计的时候依据

var nCondition = new MyCondition(
"^[0-9]*[1-9][0-9]*[ DISCUZ_CODE_0 ]quot;);
var validator = new GC.Spread.Sheets.DataValidation.DefaultDataValidator(nCondition);
validator.type(GC.Spread.Sheets.DataValidation.CriteriaType.custom);
function MyCondition (reg){
this.reg = reg;
GC.Spread.Sheets.ConditionalFormatting.Condition.apply(this, arguments);
}
MyCondition.prototype = new GC.Spread.Sheets.ConditionalFormatting.Condition();
MyCondition.prototype.evaluate = function (evaluator, baseRow, baseColumn, actualObj) {
var reg = new RegExp(this.reg);
if (reg.test(actualObj)) {
return true;
}else{
return false;
}
};

复制代码

可以实现数据的校验，但是模板保存后，填写数据的时候，校验规则就失效了，不管填写的内容是否符合校验规则都会标亮，提示不合法，请问大概是什么原因造成的？还是我必须将单元格的正则表达式保存到库里面，页面初始化后，再将校验规则取出重新渲染页面才可以？

liushiniao · liushiniao

非常感谢

KevinChen · KevinChen

不客气，希望解决了您的问题。

		自动登录	找回密码
密码			立即注册

[已处理] 求一个spreadJS基于正则表达式的自定义数据校验的demo

5 个回复

活字格认证

微信认证勋章

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证