Javascript JQuery html中的错误

您好，请检查我的代码：

$(function(){
    $('#username_change_submit').click(function(){
        var htmlText = '<p>Learnphp has been reserved for you.<br><a href="javascript:;" id="reset_username">[Reset Username]</a> </p>
                        <input type="text" id="guest_email" style="font-size:13px;width:140px;" onkeyup="validate_email(this.value)" placeholder="E-mail Address">
                        <div id="email_status">&nbsp;</div>
                        <input type="button" id="guest_signup_submit" value="Create Account" style="font-size:13px;" disabled="true" onclick="Javascript:guest_register()">';
        $('#right-register').html(htmlText);
    }); 
});



<div id="right-register">
    <input type="button" value="Create Account" id="username_change_submit" name="username_change_submit">
</div>

$（函数（）{
$（“#用户名_更改_提交”）。单击（函数（）{
var htmlText='learnppp已为您保留。

';
$（'#右寄存器'）.html（htmlText）；
}); 
});

上面的代码我得到了错误

我有一点技能问题，所以我无法向你描述。请检查我的截图

---

让我知道jquery错误。

您需要在

htmlText

变量的每行末尾添加

\n\

$(function(){
    $('#username_change_submit').click(function(){
        var htmlText = '<p>Learnphp has been reserved for you.<br><a href="javascript:;" id="reset_username">[Reset Username]</a></p>\n\
            <input type="text" id="guest_email" style="font-size:13px;width:140px;" onkeyup="validate_email(this.value)" placeholder="E-mail Address">\n\
            <div id="email_status">&nbsp;</div><input type="button" id="guest_signup_submit" value="Create Account" style="font-size:13px;" disabled="true" onclick="Javascript:guest_register()">';
        $('#right-register').html(htmlText);
    });
});

$（函数（）{
$（“#用户名_更改_提交”）。单击（函数（）{
var htmlText='learnppp已为您保留。
\n\
\n\
';
$（'#右寄存器'）.html（htmlText）；
});
});

您正在准备多行中的字符串，因此浏览器将视为每行末尾没有分号（；），因此您将面临未终止的字符串文字错误。您必须按如下所示进行操作：

var htmlText = '<p>Learnphp has been reserved for you.<br><a href="javascript:;"';
htmlText += 'id="reset_username">[Reset Username]</a> </p>';
htmlText += '<input type="text" id="guest_email" style="font-size:13px;width:140px;"';
htmlText += 'onkeyup="validate_email(this.value)" placeholder="E-mail Address">';
htmlText += '<div id="email_status">&nbsp;</div>';
htmlText += '<input type="button" id="guest_signup_submit" value="Create Account"';
htmlText += 'style="font-size:13px;" disabled="true" onclick="Javascript:guest_register()">';

var htmlText='learnppp已为您保留。
；
htmlText+=''；
htmlText+=''；
htmlText+=''；

试试这个：

var htmlText = "<p>Learnphp has been reserved for you.<br><a href='javascript:;'" + "id='reset_username'>[Reset Username]</a> </p>" + "<input type='text' id='guest_email' style='font-size:13px;width:140px;'" + "onkeyup='validate_email(this.value)' placeholder='E-mail Address'>" + "<div id='email_status'>&nbsp;</div>" + "<input type='button' id='guest_signup_submit' value='Create Account'" + "style='font-size:13px;' disabled='true' onclick='Javascript:guest_register()'/>";

var htmlText=“learnppp已为您保留。
“+”“+”；

正如我在这里看到的，您没有关闭输入标记。像这样放置输入块

<input />

喜欢

它警告没有转义字符的多行字符串（

\

）。 您必须按如下所示进行操作：

var htmlText='learnppp已为您保留。
\
\
\
';

可以按如下所示进行操作，但：

var htmlar=[]；
htmlar.push（“learnnphp已为您保留。
”）；
最大推力（“”）；
最大推力（“”）；
最大推力（“”）；
var htmlText=htmlar.join（“”）；

因为要使用换行符来中断代码，请使用\n\或清除空格。。。

<input type="text" id="guest_email" style="font-size:13px;width:140px;" onkeyup="validate_email(this.value)" placeholder="E-mail Address" />

var htmlText = '<p>Learnphp has been reserved for you.<br><a href="javascript:;" id="reset_username">[Reset Username]</a> </p>\
                    <input type="text" id="guest_email" style="font-size:13px;width:140px;" onkeyup="validate_email(this.value)" placeholder="E-mail Address">\
                    <div id="email_status">&nbsp;</div>\
                    <input type="button" id="guest_signup_submit" value="Create Account" style="font-size:13px;" disabled="true" onclick="Javascript:guest_register()">';

var htmlArr=[];
htmlArr.push('<p>Learnphp has been reserved for you.<br><a href="javascript:;" id="reset_username">[Reset Username]</a> </p>');
htmlArr.push('<input type="text" id="guest_email" style="font-size:13px;width:140px;" onkeyup="validate_email(this.value)" placeholder="E-mail Address">');
htmlArr.push('<div id="email_status">&nbsp;</div>');
htmlArr.push('<input type="button" id="guest_signup_submit" value="Create Account" style="font-size:13px;" disabled="true" onclick="Javascript:guest_register()">');

var htmlText = htmlArr.join('');