Question

当我粘贴带有空格的有效颜色代码时，它会显示无效的颜色代码。

例如，如果我们在文本输入下粘贴＃00FFFF，则表示无效的颜色代码

我们可以修改吗？

 $('#colorPicker').colorpicker().on('showPicker changeColor', function(e) {
    $('#colorPickerForm').bootstrapValidator('revalidateField', 'color');
  });

  // When reset is clicked 
  $("#resetcolor").click(function(e) {
    $('#color').val("#444444");
    $('#colorPicker').colorpicker('setValue', '#444444');
  });

http://jsfiddle.net/vpu25k1g/54/

Answer 1

您可以立即获取输入的值修剪空白区域。或者你可以等待一定数量的角色然后应用你的修剪

只需检查jquery replace函数的工作方式。以及jquery事件。

jQuery.Event {type：“changeColor”，color：b，value：“＃444444e”，...}

function(e) {
        console.log(e);
        let color = e.value.replace(/\s/g,'');
        $('#color').val(color);
        $('#colorPickerForm').bootstrapValidator('revalidateField', 'color');
      });

使用Bootstrap Color时是否可以修剪颜色

1 个答案: