javascript - JavaScript 文本框是空的吗？

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=="")' 不足以验证空文本框。去正则表达式检查空文本框。

/^\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== "") { //你的限制代码在这里 } else { //继续！}

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