如何显示空文本区域的div?

时间:2014-11-11 09:38:54

标签: javascript html

当有人点击“提交”时,我想提出DIV。按钮让textarea空着。

这是我的表格:

http://pastebin.com/1K3Ci9QA

请帮助我。

3 个答案:

答案 0 :(得分:0)

试试这个:

<script language='javascript'>
function validate()
{
if(document.getElementById('login').length == 0)
{
  document.getElementById('message').style.display = 'block';
  return false;
}
else
{
  document.forms[0].submit();
}
}
</script>

<div id='message' style='display:none;'>Please fill in the form</div>
<form method='post' action='registration_site'>
<textarea id='login' name='login'></textarea>
<input type='button' name='logsubmit' value='Submit' onClick='validate();'/>
</form>

答案 1 :(得分:0)

我认为它不会起作用。 因为当它是一个表格而你使用方法发布时 它会带你去行动

BTW Ray对pastebin的回答

http://pastebin.com/ymAQNTQp

答案 2 :(得分:0)

我希望我理解你。你需要验证,表单字段不是空的。 你可以使用这样的功能:

<script>
function validateForm() {
    var x = document.forms["AddNameOfYourForm"]["login"].value;
    if (x==null || x=="") {
        alert("Login area must be filled out");
        return false;
    }
}
</script>

您可以在此处查看不同的变体: http://www.w3schools.com/js/js_form_validation.asp

我希望你问一下javascript函数:)