单元格数字验证

收藏

想要实现：单元格内容只能填写数字，非数字不能提交。
找到：createNumberValidator ，但是只有等于、大于等操作。有参考的api或者例子吗？

Lynn.Dou · Lynn.Dou

您好，
用正则实现了一个自定义函数，然后给单元格添加这个自定义的公式验证器。
示例代码如下,具体您可以参考附件中的demo：

function RegExFunction() {
this.name = "REGEX";
this.maxArgs = 2;
this.minArgs = 2;
this.typeName = "RegExFunction";
}
RegExFunction.prototype = new GC.Spread.CalcEngine.Functions.Function();
RegExFunction.prototype.isContextSensitive = function () {
return true;
}
RegExFunction.prototype.evaluate = function () {
var context = arguments[0], value = context.source.getValue(context.row, context.column);
var reg = new RegExp(arguments[1]);
if (value) {
return reg.test(value.toString());
}
return false;
}

复制代码

另一种方法是不使用数据验证，通过监听EditEnding事件，判断输入内容是否为数字，如果不是数字则 args.cancel = true；
EditEnding 事件API 如下：
https://demo.grapecity.com.cn/sp ... ml#event:EditEnding
您可以根据需要自己选择。

gjsucs · gjsucs

args.cancel = true；这个方法好用，但是有个副作用，如果是非法数据，esc也不能取消编辑状态。这个怎么解决？

Lynn.Dou · Lynn.Dou

如果是非法数据，不能退出编辑状态，这个其实就是实现了非数字不能提交。只有输入了数字，才能正常退出编辑状态。
所以非数字不能提交和非法数据时能退出编辑状态二者是有冲突的。
基于上面的这种冲突，这边有个折中的处理（附件为示例demo）：

使用EditEnded事件，当判断为非数字时，使用clear方法清空输入内容。
示例代码如下：

sheet.bind(GC.Spread.Sheets.Events.EditEnded, function (sender, args) {
var text = args.editingText;
console.log(args)
if (!Number(text)) {
sheet.clear(args.row,args.col,1,1,GC.Spread.Sheets.SheetArea.viewport,GC.Spread.Sheets.StorageType.data);
}
});

复制代码

clear方法 API 如下：
https://demo.grapecity.com.cn/sp ... orksheet.html#clear

需要注意的一点就是，这种方式下已输入的内容会被清空，需要再次重新输入。

gjsucs · gjsucs

esc能还原到输入之前的值吗？

gjsucs · gjsucs

这种方式不让输入，怎么增加提示比较好？

Lynn.Dou · Lynn.Dou

事件监听不让非数值输入的方式下，增加提示需要自己在事件监听时实现，SJS没有对应的提示设置。
前面提到的数据验证 SJS有在输入和数据无效时有对应的提示接口，推荐您使用这种方式，效果如下方动图所示：
如动图中所示，在设置了数据验证的单元格输入时，会出现提示信息，代码如下：

var dv1 = sheet.getDataValidator(0, 0);
dv1.inputTitle('Please choose a category:'); // 提示标题
dv1.inputMessage('Fruit, Vegetable, Food'); //提示内容

复制代码

当输入无效的数据时，数据验证会触发 ValidationError 事件。

sheet.bind(GC.Spread.Sheets.Events.ValidationError, function(e, args) {
//do some thing

复制代码

您可以在学习指南上体验动图所示的提示效果和参考相关代码，地址如下：
https://demo.grapecity.com.cn/sp ... ta-validator/purejs

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

[已处理] 单元格数字验证

6 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人