Question

所以我编写了这段代码，以便每次有人点击提交按钮，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>

Answer 1

以下的woks，它也擦除了不必要的空格，表单只会在给出一个字符时提交

<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>

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

Answer 2

您只需在HTML的textarea字段中添加“必需”即可。

注意：尽管这个问题已经很老了，但我还是添加了答案以供将来参考。

在提交表单之前检查文本区域是否为空白？

谢谢！

2 个答案: