2013-02-27 34 views
0

如何在提交表單時檢查JavaScript中的輸入字段是否爲空?JavaScript文本框爲空?

HTML:

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

我正在嘗試使用該ID。如果(document.getElementById('start_name').value())是正確的? – user2058205 2013-02-27 03:45:23

+1

「價值」不是一項功能。 – Wex 2013-02-27 03:49:06

回答

0
var start_name = document.getElementById('start_name'); 
if(start_name.value.length > 0){ 
// Then there is something there. 
} 
-1
<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> 
-1

嘗試: 變種X =的document.getElementById( 「start_name」); 如果(x.value == 「」){ // 你限制碼來這裏 } 其他 {// 繼續前進! }

注意:請檢查語法是否正確。我直接在這裏寫代碼,沒有在IDE上檢查它。

0

試試。

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

表單控件的值始終是一個字符串,因此與'null'比較將始終返回false。 – RobG 2013-02-27 03:59:12

0

只是檢查「如果(X == NULL || x ==「」)'不足以驗證空的文本框。去RegEx檢查空的文本框。

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

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

使用/[a-z]/i因爲只有至少有一個字母字符,此正則表達式纔會匹配。