Javascript中的切片功能

时间:2015-06-28 09:36:47

标签: javascript html slice

我的情景如下: 我将从文本框中获取字符串输入,一旦用户单击提交按钮,这将切片一些字符。到目前为止,这是我的工作:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication2.WebForm2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script>
            function Check()
            {
                var inputBox = document.getElementById("TextBox1").value;
                if (inputBox == "") {
                    alert("Enter your full name.");
                }

                var str = inputBox.value;
                var result = str.slice(1, 4);
                alert(result); 
            }
        </script>
    </head>
    <body>
        <form id="form2" runat="server">
        <div>
        <table>
            <tr>
                <td>Enter your full name: </td>
                <td>
                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
            </tr>
             <tr>
                <td></td>
                <td><button type="button"  onclick="Check()" >Submit</button></td>
            </tr>
        </table>
            </div>
            </form>
    </body>
</html>

1 个答案:

答案 0 :(得分:0)

你在这里。 jQuery代码:

<asp:TextBox ID="TextBox1" ClientIDMode="Static" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Substring(1,4)" />
<script type="text/javascript">
    $(document).ready(function () {
        $('#<% = Button1.ClientID %>').click(function (e) {
            $('#<% = TextBox1.ClientID %>').val(
                            $('#<% = TextBox1.ClientID %>').val().substring(1, 4));
            e.preventDefault(); // prevent PostBack to Server
        });
    });
</script>