javascript - 单击事件时使用 jQuery 在 Smarty 输入字段中动态主机名

Question

目前我正在尝试使用 jQuery on click 事件创建动态主机名。到目前为止我已经有了这个

聪明:

<div>
  <input class="hostname-box" type="text" name="domain" required="" value="">
  <a href="#host" class="button">Add</a>
</div>

<div>
  <a href="#submit" class="button">Order</a>
</div>

jQuery:

$('.button').click(function(){
var jHostName = $('.hostname-box');
var hostNameValue = jHostName.text().trim();

var text = "";
var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

for( var i=0; i < 5; i++ )
   text += possible.charAt(Math.floor(Math.random() * possible.length));

if(hostNameValue === '') {
     jHostName.val(text+".hostname.local");
}
});

我可以在点击时生成一个文本，例如 random.hostname.local。但目标是实现生成类似 vps{random}-{currentDate}.hostname.local 的文本。

Answer 1

像这样吗？

    var hostNameValue = '';
    var text = "vps-";
    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

    for( var i=0; i < 5; i++ ) {text += possible.charAt(Math.floor(Math.random() * possible.length));}

    let date = new Date();
    text += '-'+date.toISOString().substr(0,10);
  
    if(hostNameValue === '') {
      console.log(text+'.hostname.local');
    }