javascript - 无法禁用文本区域中的逗号

Question

下面是自动创建文本区域的代码。但我想禁用这个文本区域中的逗号，所以我使用下面的 javascript 函数。

    $(document).ready(function(){
    
        var counter = 1;
        var val;
    
        $("#addButton").click(function () {
    
        	var person = prompt("Please enter the Field name:", "");
      	  if (person == null || person == "") {
      	       
      		return false;
      	    } else {
      	       
      	        val = person;
      	    }
    if(tabid == "menu4"){
    	return false;
    }
    	//alert(tabid);
      	var newTextBoxDiv0 = $(document.createElement('div'))
        .attr("class", 'form-group row')
        .attr("id",'form1ac' + counter);
      	
        newTextBoxDiv0.after().html('<div class="col-xs-1"><input type="button" value="delete" onclick= rem(form1ac'+counter+')></div><div class="col-xs-1"><button type="button" class="btn btn"  name="" id="buttonl"  style="width: 170px;height:45px;background-color:#dcdcdc;color:black;">'+val+'</button><input type="hidden" name="buttonl" form="form1" value='+val+'></div><div class="col-xs-2"></div><div class="col-xs-4"><div class="form-group"><textarea form="form1" name="df" id="df" oninput = "this.value = this.value.replace(/[,]/g, "2")" ></textarea></div><input form="form1" type="hidden" name="tabid" value='+tabid+'></div>');
        newTextBoxDiv0.appendTo('#'+tabid);
        
        counter++;
         });
    
     
      
        
        $("#removeButton").click(function () {
        	if(counter==1){
                  alert("No more textbox to remove");
                  return false;
               }
    
        	counter--;
        	
                $("#form1ac" + counter).remove();
    
             });
    
        
      });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea form="form1" name="df" id="df" oninput = "this.value = this.value.replace(/[,]/g, "2")" ></textarea>

上面的jquery代码将动态创建带有标签选项的新文本区域，效果完美。但我试图用上面提到的 javascript 代码禁用逗号，但它不能完美工作。

请帮助我!

Answer 1

如果您想阻止用户输入逗号:

<textarea class="no-comma"></textarea>

还有

$(function() {
    $('textarea.no-comma').on('keydown', function(e) {
        if (e.keyCode == 188 || e.keyCode == 110) { // thats a comma
            e.preventDefault();
        }
    }).on('change input', function() {
        var self = $(this);
        self.html( self.html().replace(new RegExp(',', 'g'),'') ); // Remove all commas.
    });
})