我怎样才能部分禁用输入？

Question

我想禁用我的输入中的一部分。 输入字段是一个子域，所以我想要这样的东西

xxxxxx.mydomain.com

只有x必须是可编辑的，而不是域，是否可以？

Answer 1

您可以这样使用：

$('input').on('focus',function(){
   return $(this).val($(this).val().split('.')[0]).select(); 
});
$('input').on('change focusout',function(){
    return $(this).val($(this).val() + '.mydomain.com');
});

demo

Answer 2

您可以执行类似

的操作

<div class="domain">
    <input />
    <span>sometext.com</span>
</div>

然后

.domain {
    display: inline-block;
    position: relative;
}
.domain input {
    padding-right: 100px;
}
.domain span {
    position: absolute;
    right: 5px;
    top: 3px;
}

演示：Fiddle

Answer 3

认为您可以使用文本框和/或并排排列

e.g

<div> <input type="" name="subdomain" id="subdomain"> <span id="domain">example.com</span></div>

然后，您可以使用javascript / jquery从域文本框中获取域名并将其添加到范围，从而使子域部分可编辑。

希望这会有所帮助......

Answer 4

jquery mask插件可以提供帮助。

https://plugins.jquery.com/mask/

例如：

$('#inputid').mask('aaaaaaa.exp.com');