Question

如何在提交表单时检查JavaScript中的输入字段是否为空？

HTML：

<input type="text" name="start_name" id="start_name">

Answer 1

请参阅http://www.w3schools.com/js/js_form_validation.asp

将表单标记为

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">

接下来，有一个javascript函数

<script>
function validateForm()
{
var x=document.forms["myForm"]["start_name"].value;
if (x==null || x=="")
  {
  alert("Start name must be filled out");
  return false;
  }
}
</script>

Answer 2

var start_name = document.getElementById('start_name');
if( start_name.value.length > 0 ){
// Then there is something there.
}

Answer 3

尝试。

<script type="text/javascript">
    function checkme()
    {
        var inputVal = document.getElementById("start_name").value;
        if(inputVal == "")
        {
            //code
        }
    }
</script>

<form action="" method="post" onSubmit = "checkme();">
    <input type="text" name="start_name" id="start_name">
</form>

Answer 4

只检查'if（x == null || x ==“”）'是否足以验证空文本框。转到RegEx以检查空文本框。

/^\s*[0-9a-zA-Z][0-9a-zA-Z ]*$/

确保至少有一个字符不是空格，并且是允许的字符之一。

使用/[a-z]/i，因为只有至少有一个字母字符才能匹配此正则表达式。

Answer 5

<form action="someActionUrl" onsubmit="return validate('first_name')">
<input id="first_name" name="first_name" />
</form>

<script>
    function validate(inputId){
        var val = document.getElementById(inputId).value;

        if(val.length>0){
          // do something
           return true;
        }
        return false;
    }
</script>

Answer 6

试试这个： var x = document.getElementById（“start_name”）; if（x.value ==“”） { //你的限制代码来了 } 其他 { //前进！ }

注意：请检查语法是否正确。我在这里直接编写代码，还没有在IDE上检查过。

JavaScript是文本框空吗？

6 个答案: