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 ==“”）'不足以驗證空文本框。 前往RegEx以檢查空白文本框。

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

確保至少一個字符不是空格，並且是允許的字符之一。

使用/[az]/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上檢查過。