从文本框中分割字符串

Slicing a string from a textbox

本文关键字：分割 字符串 文本      更新时间：2023-09-26

我试图从文本框中获取用户输入的字符串。检查该字符串的长度，如果该字符串超过给定的数字，则对其执行切片操作。

这是我想到的，但我的代码什么也不做。检查控制台，没有错误。

html: 

        <form id="slice">
            Enter a pharse:<input type="text" id="text_box_2"><br>
            <input type="button" value="slice" onclick="Slice()">
            Result: <input type="text" id="slice_result"><br>
        </form>

Javascript函数:

function Slice(){
    var UserString = document.getElementById("text_box_2").value;
    var UserStringValue = UserString.length;
    var Result = Userstring.slice(1,6);
    if (UserStringValue > 6){
        document.getElementById("Slice_result").value = Result;
    }
    else{
        alert("Please enter a longer phrase.")
    }
}

我哪里做错了?

注意大小写。

: 

var Result = Userstring.slice(1,6);

应该使用前面代码中定义的UserString(大写"S")。

接下来，输入ID应该全小写，slice_result，以匹配HTML，但您的代码使用不同的大小写:

document.getElementById("Slice_result")

下面是修复后的JSBin。

编辑:正如JaromandaX在评论中提到的，如果你想取前6个字符，你应该使用slice(0, 6) .

从粗略的阅读你的代码。似乎是由

这一行引起的。
var Result = Userstring.slice(1,6);

还有这个

document.getElementById("Slice_result").value = Result

应该是

var Result = UserString.slice(1,6);

和

document.getElementById("slice_result").value = Result

通常使用以下

var Value = $('#input_id').val();

将为您提取所请求的信息。

您还可以为切片函数设置参数，并在运行onclick()时传递值;

我还注意到slice()是当前的js函数，尽管您使用大写'S'的实现有些不同，但最好更改一下该名称。

相关文章：