2015-05-14 62 views
1

如何将字符串值传递给每个空字段的警报消息?如何将字符串值传递给javascript警报

我有w,t,a,c和s。例如,如果w为空,它应该给 提示消息“必填字段必须填写”。和其他 一样。

我的javascript:

function addvalidation(){ 
     var w = document.forms["shop"]["w"].value; 
     var t = document.forms["shop"]["t"].value; 
     var a = document.forms["shop"]["a"].value; 
     var c = document.forms["shop"]["c"].value; 
     var s = document.forms["shop"]["s"].value; 
     var c = document.forms["shop"]["c"].value; 

     if (w == "" || t =="" || a == ""|| c == "" || s == "" || c == "") { 
       alert("Mandatory fields must be filled out"); 
       return false; 
      } 
+0

如果有多个字段为空 –

+0

为什么你不能为每个变量设置if条件? – vidhya

+0

更好,你必须保持,如果条件所有个别领域 –

回答

2

你可以尝试像

function addvalidation() { 
 
    var form = document.forms["workshop"]; 
 
    var ef = ['w', 't', 'a', 'c', 's'].filter(function(f) { 
 
    return !form[f].value 
 
    }) 
 

 
    if (ef.length) { 
 
    alert("Mandatory fields " + ef.join() + " must be filled out"); 
 
    return false; 
 
    } 
 
}
<form name="workshop" onsubmit="return addvalidation()"> 
 
    <input name="w" /> 
 
    <input name="t" /> 
 
    <input name="a" /> 
 
    <input name="c" /> 
 
    <input name="s" /> 
 
    <input type="submit" /> 
 
</form>

+0

http://jsfiddle.net/arunpjohny/tn2fvh4p/1/ –

+0

@Cloudburst http://jsfiddle.net/arunpjohny/tn2fvh4p/4/ –

+0

@Cloudburst http://jsfiddle.net/arunpjohny/tn2fvh4p/5/ –

4

您可以过滤其中document.forms["shop"][e].value==""和他们一起在警报

注意/更新显示:你需要连接密钥不珍惜

e = Object.keys(document.forms["shop"]).filter(function(e){ 
      return document.forms["shop"][e].value=="" 
     }); 


    errors = e.join(" "); 
    alert(errors +" are mandatory"); 

工作演示:

 document.forms["shop"] =[] ; 
 

 
     document.forms["shop"]["w"] = {}; 
 
     document.forms["shop"]["t"]={}; 
 
     document.forms["shop"]["a"] ={}; 
 
     document.forms["shop"]["c"]= {}; 
 

 
     
 
     document.forms["shop"]["w"].value = ""; 
 
     document.forms["shop"]["t"].value="abc"; 
 
     document.forms["shop"]["a"].value = ""; 
 
     document.forms["shop"]["c"].value="abcd"; 
 
     
 

 
    e = Object.keys(document.forms["shop"]).filter(function(e){ 
 
     return document.forms["shop"][e].value=="" 
 
    }); 
 
    
 
    
 
    errors = e.join(" "); 
 
    alert(errors +" are mandatory");

+0

这是非常有益的。非常感谢你 !爱它! – Cloudburst

0

试试这个特定领域的警报,

function addvalidation() { 
    var form = document.forms["workshop"]; 
    var field=""; 
    var ef = ['w', 't', 'a', 'c', 's'].filter(function(f) { 
    if(form[f].value=="" && field==""){ 
     field=f; 
    } 
    }) 

    if (field!="") { 
    alert("Mandatory field " + field + " must be filled out"); 
    return false; 
    } 
} 
+0

你真了不起!非常感谢!将研究它!祝你有美好的一天! – Cloudburst