阻止基于在框中输入相同数字的表单提交

Preventing form submit based on entering the same numbers in the box input

本文关键字：数字 表单提交 输入      更新时间：2023-09-26

我在这里有一个输入框

<input type="text" size="9" maxlength="9" id="my_account" name="my_account" value="" >

在这里，我不允许用户在框中输入相同的数字，但我真正想要的是阻止表单提交，而不是

var inputNode = document.getElementById('my_account');
inputNode.addEventListener('keydown', (event) => {
  var inputValue = event.key;
  var inputNodeValue = inputNode.value;
  var length = inputNodeValue.length;
  if (length === 3 && inputNodeValue[0] === inputValue) {
    event.preventDefault();
  }
});

这是我的表单阻止默认

$("form#customer-summary").submit(function(e){
   e.preventDefault();
   alert("prevent submit");             
});

我如何将这两部分结合起来，这样我就不允许用户在框中提交相同的数字？

var inputNode = document.getElementById('my_account');
var customer_summary = document.getElementById('customer-summary');
customer_summary.addEventListener('submit',function(e){
   if(!is_unique(inputNode.value)){
      e.preventDefault();
      alert("prevent submit");
   }             
});
    function is_unique(val){
       for(var i=0;i<val.length;i++){
           if(val.indexOf(val.charAt(i)) != val.lastIndexOf(val.charAt(i))){
              return false;
           }       
       }
      return true;
    }

我认为这应该奏效。工作jsfiddle：https://jsfiddle.net/m31h1zhg/2/.

相关文章：