什么是使用jQuery检查输入表单字段值（空和null ..）的正确方法？

debugcn 发表于 Dev

用户名

我已将一些输入提交到表单中。我正在尝试检查这些值的空值和null。

我的js代码为：

$(function(){
  $('#submit').click(function(){
 var cid = $('#CTID').val();
 var sid = $('#sbj').val();
 var d = $('#bdate').val();
 var t = $('#time').val();
 var dt = d+' '+t;
 var path = '/admin/exam_schedule';
 if (cid ==''||cid==null || sid==''||cid==null || d==''||d==null || t==''||t==null) {
    alert('Input all data fields');
 }
 else{
     var url='/admin/insert_exam_schedule';
    $.post(url,{c:cid,s:sid,d:dt},function(data){
       alert(data);
       window.location.href= path
    });
 }
  });
});

但是这段代码的问题是：当我在输入字段中输入空格时，它将空格作为输入，但是，我想验证所有可能的方式，以便我可以将真实数据作为输入。

拉贾普布（Rajabrabhu Aravindasamy）

尝试，

var condition = $('#CTID,#sbj,#bdate,#time').map(function(){
  return $.trim(this.value);
}).get().join('') === '';

if(condition){ alert('Input all data fields'); }

演示

简易版，

var condition = false;

$('#CTID,#sbj,#bdate,#time').each(function(){
  if($.trim(this.value) === "") {
    condition = true;
    return false;
  }
})

if(condition){ alert('Input all data fields'); }

完整的代码是

 $('#submit').click(function(e){
   e.preventDefalut();

   var condition = $('#CTID,#sbj,#bdate,#time').map(function(){
     return $.trim(this.value);
   }).get().join('') === '';

   if(condition){ alert('Input all data fields'); }
   else {
           var url='/admin/insert_exam_schedule';
           $.post(url,{c:cid,s:sid,d:dt},function(data){
            alert(data);
            window.location.href= path
           }); 
    }
 });

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。