Question

我想创建一个带有值链接的输入文本框，并编写如下代码：

<form> 
<input name="Textboxfield" type="text" value=".jpg"><br> 
<input name="Launchlink" type="button" value="Launch link" onclick="location.href=this.form.elements['Textboxfield'].value"> 
</form>

对我来说这是一个很好的代码，但有一些问题。在这段代码中，值“.jpg”是可变的，但我想保持稳定，当用户在文本框中插入他/她的号码时，可以转到目的地链接。

例如：

我在这个文本框中插入我的号码22456，如下所示：22456.jpg 当我按下按钮直接转到我的文件（图片）。但当我插入没有.jpg格式的号码时，页面出错并打破系统（显示索引页面）

这就是我的问题！我怎样才能有稳定的价值链接“.JPG”当用户jus isert他/她的号码到文本框时，直接转到他/她的文件并显示它。

你也可以看到这个图片： http://0o.8415.2.img98.com/out.php/i543815_code.jpg

请帮帮我们......

Answer 1

试试这个

<form><input name="Textboxfield" type="text" value=".jpg"><br>
<input name="Launchlink" type="button" value="Launch link" onclick="location.href=this.form.elements['Textboxfield'].value + '.jpg'"> 
</form>

Answer 2

您可以使用Javascript检查文本框值是否以“.jpg”结尾，如果不是，请将“.jpg”附加到文本框中的任何值。您可以将此函数添加到按钮的onClick（）处理程序或某处。

您可以将函数checkJPG（）编写为：

<script type="text/javascript">

    function checkJPG() {
        var myText = document.getElementByID("myTextBoxID").value;
        if (myText.substr(-1, 4) == ".jpg")
            //do nothing
        else
           //append .jpg to the value in the textbox
    }

</script>

javascript输入文本框链接

2 个答案: