HTML文本框的Aadhar数字格式验证

时间:2017-11-22 06:24:27

标签: javascript jquery html

我想要aadhar数字,格式为xxxx-xxxx-xxxx。文本框sholud自动以此格式输入。

输入输入时,输入应自动转换为此(xxxx-xxxx-xxxx)格式。

只接受数字。

我希望手机号码格式为+91(或任何其他国家/地区代码)-9999999999(10位数手机号码)。

我已经尝试了/^(?:\(\d{3}\)|\d{3}-)\d{3}-\d{4}$/,但它不起作用请帮助

2 个答案:

答案 0 :(得分:-1)

我不想给你一切,但我会指出你正确的方向。使用正则表达式。

此正则表达式将有助于您的案例,但您需要努力在您的情况下如何使用它。

console.log(/\d{4}-\d{4}-\d{4}-\d{4}/.test('1000-1000-1000-1002'));

答案 1 :(得分:-1)

  

我想要aadhar数字,格式为xxxx-xxxx-xxxx。文本框sholud采取   自动输入此格式。

一个例子是强制输入只接受adhaar数字格式

HOC()
$('[data-type="adhaar-number"]').keyup(function() {
  var value = $(this).val();
  value = value.replace(/\D/g, "").split(/(?:([\d]{4}))/g).filter(s => s.length > 0).join("-");
  $(this).val(value);
});

$('[data-type="adhaar-number"]').on("change, blur", function() {
  var value = $(this).val();
  var maxLength = $(this).attr("maxLength");
  if (value.length != maxLength) {
    $(this).addClass("highlight-error");
  } else {
    $(this).removeClass("highlight-error");
  }
});
.highlight-error {
  border-color: red;
}