Javascript html<;textarea>;未使用Jquery正确重置
我有一个简单的评论表单,它由一个用于名称的文本字段和一个用于评论的文本区域以及一个用于提交的常规按钮组成。submit按钮根据下面的jquery重置textarea。除了一个恼人的问题外,它工作得很好,如果我写了一些东西并按enter键,它会从textarea中删除文本,但会在textarea中创建一个新行。我如何修复它,使文本区域在按enter键时真正为空 它也在代码笔上: HTML 如果问题不清楚或缺乏信息,我深表歉意。提前谢谢 将Javascript html<;textarea>;未使用Jquery正确重置,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个简单的评论表单,它由一个用于名称的文本字段和一个用于评论的文本区域以及一个用于提交的常规按钮组成。submit按钮根据下面的jquery重置textarea。除了一个恼人的问题外,它工作得很好,如果我写了一些东西并按enter键,它会从textarea中删除文本,但会在textarea中创建一个新行。我如何修复它,使文本区域在按enter键时真正为空 它也在代码笔上: HTML 如果问题不清楚或缺乏信息,我深表歉意。提前谢谢 将e.preventDefault()添加到keypress处
e.preventDefault()
添加到keypress
处理程序的条件中
这是一个解决方案。。。e、 预防默认值()
非常感谢。按计划工作的简单解决方案。@LarryG,按ENTER键后的一个建议是将textarea焦点移到CommnetName textbox中。从用户体验的角度来看,此功能会让人困惑吗?如果我在文本区输入了一些东西,我就不会期望点击return提交。
<p class="inline-block name">Name</p> 
<input type="text" placeholder="Your name" id="userName" maxlength="30">
<textarea class="comment" id="userComment" placeholder="Enter your comment here" maxLength="300"></textarea>
<p><em>max 300 characters</em></p>
<input type="button" class="comment" value="Submit" onclick="userComment()" id="button" />
<div id="comments"></div>
function userComment() {
var textd = document.getElementById("userComment");
var named = document.getElementById("userName");
var textdVal = textd.value;
var namedVal = named.value;
if (namedVal.length < 1) {
alert('Please enter you name.');
}
else {
if(textdVal.length < 3) {
textdVal = 'No comment.';
}
var namedParagraph = document.createElement('p');
var textdParagraph = document.createElement('p');
namedParagraph.textContent = namedVal + (' - ') + date;
textdParagraph.textContent = textdVal;
namedParagraph.className = 'commentName';
textdParagraph.className = 'commentText';
document.getElementById("comments").appendChild(namedParagraph);
document.getElementById("comments").appendChild(textdParagraph);
document.getElementById("userName").value=""; //this is where it resets the name
document.getElementById("userComment").value=""; //this is where it resets the comment
}
};
$(document).ready(function(){
$('#userComment').keypress(function(e){
if(e.keyCode==13)
$('#button').click();
});
});
$(document).ready(function(){
$('#userComment').keypress(function(e){
e.preventDefault();
if(e.keyCode==13)
$('#button').click();
});
});