小程序 在input中输入身份证后做身份证的校验

要做身份证校验，你可以使用 JavaScript 的正则表达式来验证输入的身份证号码是否符合规范。以下是一个可以检测身份证号码的 JavaScript 函数：

function checkIdCard(idcard) {
  //身份证号码正则表达式
  var regIdCard = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
  if (regIdCard.test(idcard) === false) {
    return false;
  } else {
    return true;
  }
}

你可以将这个函数绑定到 input 的 onchange 或者 onblur 事件上，当用户输入完身份证号码后失去焦点后就会触发校验函数，从而对身份证号码进行校验。具体实现方法可以参考以下代码：

<input type="text" id="idcard" onchange="checkIdCard(this.value)">

注意，这里的 onchange 事件会在输入框内容改变且失去焦点时触发，如果你想在用户每输入一个字符时就进行校验，可以使用 oninput 事件代替 onchange 事件。

相关问题

微信小程序在js中获取input输入值

可以使用以下代码获取input输入值：

1. 获取input节点：

const inputNode = this.selectComponent('#inputId');

2. 获取输入的值：

const value = inputNode.data.value;

完整示例代码如下：

Page({
  data: {
    inputValue: ''
  },
  bindInput: function(e) {
    this.setData({
      inputValue: e.detail.value
    })
  },
  getValue: function() {
    const inputNode = this.selectComponent('#inputId');
    const value = inputNode.data.value;
    console.log('输入的值为：', value);
  }
})

其中，bindInput为input的输入事件，getValue为获取输入值的函数。在bindInput事件中，将输入的值存储在data中的inputValue属性中。在getValue函数中，使用selectComponent方法获取input节点，再通过data属性获取输入的值。

el-input校验身份证号码

可以通过正则表达式进行校验，以下是一个示例代码：

<template>
  <el-input v-model="idNumber" placeholder="请输入身份证号码" :class="{ 'is-invalid': isInvalid }"></el-input>
</template>

<script>
export default {
  data() {
    return {
      idNumber: '',
      isInvalid: false
    }
  },
  watch: {
    idNumber() {
      const reg = /(^\d{15}$)|(^\d{17}([0-9]|X)$)/;
      if (!reg.test(this.idNumber)) {
        this.isInvalid = true;
      } else {
        this.isInvalid = false;
      }
    }
  }
}
</script>

<style scoped>
.is-invalid {
  border-color: red;
}
</style>

这段代码中，我们使用了 `watch` 监听 `idNumber` 的变化，并通过正则表达式进行校验。如果不符合身份证号码格式，则给 input 添加一个红色边框。