我的留言簿有问题

Question

我试图制作一个允许笑脸的留言簿。 我已经使它能够解析诸如[smile]等之类的内容，并用图像替换它，但是我无法做一件事。

当用户单击一个笑脸时，我希望它在文本框中插入正确的标签，但它不会执行任何操作。 我曾经使用JavaScript尝试插入标签。

见链接：

http://www.vittoriosastarsnursery.com/guestsign.aspx

这是代码：

<%@ Page Explicit="True" Language="VB" Debug="True" ValidateRequest="false" %>

<%@ Register TagPrefix="aspHut" TagName="templateTop" Src="guesttop.ascx" %>
<%@ Register TagPrefix="aspHut" TagName="templateBottom" Src="guestbottom.ascx" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.OleDb" %>
<script runat="server">
    Dim strConnection As String = "provider=Microsoft.Jet.OLEDB.4.0;data source=" + Server.MapPath("guestbook.mdb.resources")

    Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

    End Sub

    Sub btnSubmit_Click(ByVal sender As Object, ByVal e As EventArgs)
        If (Page.IsValid) Then
            ' using .Replace("'", "") to remove naughty single quote
            Dim sName As String = Server.HtmlEncode(txtName.Text.Replace("'", ""))
            Dim sEmail As String = Server.HtmlEncode(txtEmail.Text.Replace("'", ""))
            Dim sMessage As String = Server.HtmlEncode(txtMessage.Text.Replace("'", ""))

            Dim objConnection As OleDbConnection
            Dim objCmd As OleDbCommand
            Dim strSQL As String = "INSERT INTO messages (name, email, message) VALUES ('" & sName & "', '" & sEmail & "', '" & sMessage & "')"

            objConnection = New OleDbConnection(strConnection)
            objConnection.Open()

            objCmd = New OleDbCommand(strSQL, objConnection)
            objCmd.ExecuteNonQuery()

            objConnection.Close()
            Response.Redirect("Guestbook.aspx")
        Else
            Exit Sub
        End If
    End Sub
</script>
<aspHut:templateTop ID="UserControl1" runat="server"></aspHut:templateTop>
<script language="JavaScript">
    var bodytext = "";
    function AddText(NewCode) {
        var dob = document.formSign.txtMessage
        if (dob.createTextRange && dob.caretPos) {
            var caretPos = dob.caretPos;
            caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? NewCode + ' ' : NewCode;
        }
        else if (dob.setSelectionRange) {
            dob.value = dob.value.substring(0, dob.selectionStart) + NewCode + dob.value.substring(dob.selectionEnd, dob.value.length);
        }
        else {
            dob.value += NewCode;
        }
        dob.focus();
        bodytext = "";
    }
</script>
<form id="formSign" runat="server">
<p>
    Please enter the following requested information below to sign the guestbook.
    <table>
        <tr>
            <td align="left">
                <b>Your Name:</b><asp:requiredfieldvalidator id="nameReqVal" runat="server" controltovalidate="txtName"
                    errormessage="Your Name.">*</asp:requiredfieldvalidator>
            </td>
            <td align="right">
                <asp:textbox id="txtName" runat="server"></asp:textbox>
            </td>
        </tr>
        <tr>
            <td align="left">
                <b>Your Email Address:</b><asp:regularexpressionvalidator id="emailRegEx" runat="server"
                    controltovalidate="txtEmail" errormessage="Your Email." validationexpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">*</asp:regularexpressionvalidator>
            </td>
            <td align="right">
                <asp:textbox id="txtEmail" runat="server"></asp:textbox>
            </td>
        </tr>
        <tr align="left">
            <td colspan="3">
                <b>Your Message:</b><asp:requiredfieldvalidator id="messageReqVal" runat="server"
                    controltovalidate="txtMessage" errormessage="Your Message.">*</asp:requiredfieldvalidator>
            </td>
        </tr>
        <tr align="left">
            <td colspan="2">
                <asp:textbox id="txtMessage" runat="server" textmode="MultiLine" columns="50" rows="10"></asp:textbox>
            </td>
            <td>
                <table>
                    <tr>
                        <td>
                            <a href="javascript:void(AddText('[angel]'))">
                                <img src="/Images/Smileys/angel_smile.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[angry]'))">
                                <img src="/Images/Smileys/angry.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[teeth]'))">
                                <img src="/Images/Smileys/baring_teeth.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[confused]'))">
                                <img src="/Images/Smileys/confused.gif" border="0" height="22" width="22" /></a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="javascript:void(AddText('[cry]'))">
                                <img src="/Images/Smileys/cry.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[dunno]'))">
                                <img src="/Images/Smileys/dont_know.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[ssh]'))">
                                <img src="/Images/Smileys/dont_tell.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[haha]'))">
                                <img src="/Images/Smileys/hahaha.gif" border="0" height="22" width="22" /></a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="javascript:void(AddText('[nerd]'))">
                                <img src="/Images/Smileys/nerd.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[omg]'))">
                                <img src="/Images/Smileys/omg.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[party]'))">
                                <img src="/Images/Smileys/party.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[red]'))">
                                <img src="/Images/Smileys/red.gif" border="0" height="22" width="22" /></a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="javascript:void(AddText('[smile]'))">
                                <img src="/Images/Smileys/regular_smile.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[rolleyes]'))">
                                <img src="/Images/Smileys/roll.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[sad]'))">
                                <img src="/Images/Smileys/sad_smile.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[wink]'))">
                                <img src="/Images/Smileys/wink_smile.gif" border="0" height="22" width="22" /></a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="javascript:void(AddText('[sarcastic]'))">
                                <img src="/Images/Smileys/sarcastic.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[shades]'))">
                                <img src="/Images/Smileys/shades.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[what]'))">
                                <img src="/Images/Smileys/what_smile.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[sick]'))">
                                <img src="/Images/Smileys/sick.gif" border="0" height="22" width="22" /></a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="javascript:void(AddText('[sleepy]'))">
                                <img src="/Images/Smileys/sleepy.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[grin]'))">
                                <img src="/Images/Smileys/teeth_smile.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[thinking]'))">
                                <img src="/Images/Smileys/thinking.gif" border="0" height="22" width="22" /></a>
                        </td>
                        <td>
                            <a href="javascript:void(AddText('[tongue]'))">
                                <img src="/Images/Smileys/tongue_smile.gif" border="0" height="22" width="22" /></a>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr align="left">
            <td colspan="3">
                <asp:validationsummary id="ValSum" runat="server" width="312px" headertext="Please correct the following error(s):"></asp:validationsummary>
                <asp:button id="btnSubmit" onclick="btnSubmit_Click" runat="server" text="Sign!"></asp:button>
            </td>
        </tr>
    </table>
</form>
<p align="center">
    <a href="guestbook.aspx">View the guestbook</a></p>
<aspHut:templateBottom ID="UserControl2" runat="server"></aspHut:templateBottom>

Answer 1

添加表单的名称，然后它应该可以工作

<form method="post" action="guestsign.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="formSign" name="formSign">

Answer 2

你的;

var dob = document.formSign.txtMessage

假设表单名为formSign ，但是它缺少name属性； 您不能使用其id 。

Answer 3

var bodytext = "";
function AddText(NewCode) {
    var dob = document.getElementById('txtMessage'); // just changed this line ;)
    if (dob.createTextRange && dob.caretPos) {
        var caretPos = dob.caretPos;
        caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? NewCode + ' ' : NewCode;
    }
    else if (dob.setSelectionRange) {
        dob.value = dob.value.substring(0, dob.selectionStart) + NewCode + dob.value.substring(dob.selectionEnd, dob.value.length);
    }
    else {
        dob.value += NewCode;
    }
    dob.focus();
    bodytext = "";
}

为我工作:)