求助关于纯前端导入excel处理数据后再导出功能的问题

[weixin_44973437]

项目需要纯前端搞一个excel表格对比功能,就是传两个excel表格到页面,这两个表格要在页面能够编辑,并且还要能将这两个表格进行对比,比如有重复的要在异常那一栏里表明重复,身份证号和性别不对的要标注性别不符之类的,对比后生成一张新的表格,新的表格要能导出为excel,我用xlsx这个插件做了个简单的demo可以进行重复字符的对比生成新表格并导出了,但是现在有些问题不知道怎么解决,比如表格里的性别修改的时候必须限制是男女两个选项选择的,身份证号修改时必须是数字,这些限制不知道怎么体现在页面表格上上面两个表格时上传上来的,最下面是生成的新表格,点击保存把生成的新表导出
求帮忙看看,有没有这种插件或做过的大佬提点一下!新人感激不尽!!!!!

[weixin_50944805]

在网页上修改如身份证号，是使用input来吗。如果是，那么限定类型 type="number" ，更好的做法是给一个input事件，在用户输入的时候验证。 如果是这个方式： 1、添加contenteditable属性让文本处于可编辑状态，<p contenteditable="true">这里可以编辑</p> contenteditable: "inherit";(默认) contenteditable: "plaintext-only";(输入纯文本) contenteditable: "true"; contenteditable: "false"; contenteditable: "caret";(符号) contenteditable: "events";(不知道搞啥用的) 2、利用css的user-modify user-modify: read-only; user-modify: read-write; user-modify: write-only;(暂不支持) user-modify: read-write-plaintext-only;(输入纯文本，暂时只有谷歌支持: 我就没有研究过了

[weixin_50944805]

建议使用input标签来修改。

// 如性别 给性别输入框类名 sex
$('body').on('input', 'input.sex', function(){
  if(['男', '女'].indexOf(this.value) == -1){
    this.value = ''
    alert(''只能输入，男/女);
  }
})

[weixin_44973437]

引用 1 楼 weixin_50944805 的回复:

在网页上修改如身份证号，是使用input来吗。如果是，那么限定类型 type="number" ，更好的做法是给一个input事件，在用户输入的时候验证。 如果是这个方式： 1、添加contenteditable属性让文本处于可编辑状态，<p contenteditable="true">这里可以编辑</p> contenteditable: "inherit";(默认) contenteditable: "plaintext-only";(输入纯文本) contenteditable: "true"; contenteditable: "false"; contenteditable: "caret";(符号) contenteditable: "events";(不知道搞啥用的) 2、利用css的user-modify user-modify: read-only; user-modify: read-write; user-modify: write-only;(暂不支持) user-modify: read-write-plaintext-only;(输入纯文本，暂时只有谷歌支持: 我就没有研究过了

不是input 网页上就是一个一个的<td></td>

[weixin_44973437]

引用 2 楼 weixin_50944805 的回复:

建议使用input标签来修改。

// 如性别 给性别输入框类名 sex
$('body').on('input', 'input.sex', function(){
  if(['男', '女'].indexOf(this.value) == -1){
    this.value = ''
    alert(''只能输入，男/女);
  }
})

不是用input 本质上就是一个一个td标签

[horizon_zpy]

我用xlsx这个插件做了个简单的demo可以进行重复字符的对比生成新表格并导出了,但是

xlsx插件？哪有demo?

[weixin_44973437]

引用 5 楼 horizon_zpy 的回复:

我用xlsx这个插件做了个简单的demo可以进行重复字符的对比生成新表格并导出了,但是 xlsx插件？哪有demo?

demo在我本地 原来的没有别的功能,只能导入,修改和导出

[泡泡鱼_]

引用 3 楼 weixin_44973437 的回复:

[quote=引用 1 楼 weixin_50944805 的回复:]在网页上修改如身份证号，是使用input来吗。如果是，那么限定类型 type="number" ，更好的做法是给一个input事件，在用户输入的时候验证。 如果是这个方式： 1、添加contenteditable属性让文本处于可编辑状态，<p contenteditable="true">这里可以编辑</p> contenteditable: "inherit";(默认) contenteditable: "plaintext-only";(输入纯文本) contenteditable: "true"; contenteditable: "false"; contenteditable: "caret";(符号) contenteditable: "events";(不知道搞啥用的) 2、利用css的user-modify user-modify: read-only; user-modify: read-write; user-modify: write-only;(暂不支持) user-modify: read-write-plaintext-only;(输入纯文本，暂时只有谷歌支持: 我就没有研究过了

不是input 网页上就是一个一个的<td></td>[/quote] 现在不是，你就不能改吗？只能选男/女，你就放个select进去；身份证号你就放个input进去。再绑定事件做验证不就行了吗？ 你想什么都不改，那你只能在导出前将值取出做统一验证，再给提示了

[horizon_zpy]

你这样子问，别人没有调试环境啊！