Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何部分禁用输入?_Jquery - Fatal编程技术网

Jquery 如何部分禁用输入?

Jquery 如何部分禁用输入?,jquery,Jquery,我只想禁用输入中的一部分。 输入字段是一个子域,所以我想要这样的内容 xxxxxx.mydomain.com 只有x必须是可编辑的,而不是域,可以吗?您可以执行以下操作 <div class="domain"> <input /> <span>sometext.com</span> </div> 演示:您认为可以使用文本框,或者将它们并排排列 e、 g example.com 然后,您可以使用javascript/j

我只想禁用输入中的一部分。 输入字段是一个子域,所以我想要这样的内容

xxxxxx.mydomain.com


只有x必须是可编辑的,而不是域,可以吗?

您可以执行以下操作

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

演示:

您认为可以使用文本框,或者将它们并排排列

e、 g

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

希望这有帮助…

您可以这样使用:

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

jquery掩码插件可以提供帮助

例如:

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

为什么不进行3个单独的输入?您也可以使用image.or 3个没有边框的单独输入,但这取决于您想如何查看所有完美的问题。没有理由否决投票+请核对我的答案。
$('input').on('focus',function(){
   return $(this).val($(this).val().split('.')[0]).select(); 
});
$('input').on('change focusout',function(){
    return $(this).val($(this).val() + '.mydomain.com');
});
$('#inputid').mask('aaaaaaa.exp.com');