0

所以我写了这段代码，以便每次有人点击提交按钮时，一个名为 check 的 JavaScript 函数将查看文本区域是否为空。如果不是，则将提交表单。这是我的代码。为什么它不起作用？

<form method=post name='form_post' id='form_post' action='SUBMITIT.PHP'>
<textarea   id=message name=message class=post onfocus=this.className='post_focus';                                      
placeholder='Share your thoughts'  maxlength=500></textarea>
<br>
<button onclick='check()' id=button name=button>Post</button>
</form>


<script type="text/javascript"> 
function check() 
{ 
if(!document.textArea.message.value=="") 
{ 
document.forms["form_post"].submit();
}
} 
</script>

谢谢！

编辑：我终于让它工作了。如果您遇到类似问题，这里有一个模板。 

<!--The form-->
<form action="mypage.php" method="post" name="myForm" id="myForm">
<textarea name=myTextArea id=myTextArea>
</textarea>
</form>
<br>
<button onclick='check()'>
Post
</button>

<!--The script that checks-->
<script type="text/javascript"> 
function check(){ 
String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g, ""); }; 
var textAreaValue=document.getElementById('myTextArea').value; 
var trimmedTextAreaValue=textAreaValue.trim(); 
if(trimmedTextAreaValue!="") { 
document.forms["myForm"].submit(); 
} 
} 
</script>
4

2 回答 2

2

下面的炒锅，它也擦掉了不必要的空格，表单只有在给定字符时才会提交

<form action="yourpage.php" method="post" onsubmit="return check(this)">
    <textarea id="message"></textarea>
    <input type="submit" value="Post" />
</form>
<script>
function check(form){
    if (form.message.value.trim() == ""){
        return false
    }
}
</script>

这是最简单的方法，也是建议的方法。

于 2012-12-03T00:16:08.337 回答
0

您可以简单地将“必需”添加到 HTML 中的 textarea 字段。

注意：虽然这个问题已经很老了，但我正在为将来的参考添加答案。

于 2020-07-24T10:49:04.217 回答