JS类没有应用于datapicker

时间:2017-08-15 11:01:16

标签: javascript html jquery-ui-datepicker

早上好,

我有一些javascript来检查打印前输入是否为空,如果是,请取消打印。

我已将jquery datepicker作为类添加到其中一个字段中,现在它只应用一个类或另一个类。 (我已经尝试过将datepicker作为ID),但不起作用。

使用Javascript:

function checkForm(thisForm) {
var len = thisForm.elements.length ;
var cnt = 0 ;
for ( var i=0; i < len; i++) {
   var elem = thisForm.elements[i] ;
   if (elem.className == "formFieldRequired") {
      if ((elem.value == "" || elem.value == -1)) {
                     alert("WARNING:\n You must supply information for the " + elem.name + " field");
                                elem.focus();
                                return false;
                  }
   }
}
window.print();return true;
}

输入:

<input name="Effective Date" type="text" style="width:12%;" class="formFieldRequired datepicker" placeholder="DD/MM/YYYY" onkeyup="javascript:return mask(this.value,this,'2,5','/');" maxlength="10">

有关为何发生这种情况以及任何修复的任何想法? - 我可能会遗漏一些完全明显的东西!

1 个答案:

答案 0 :(得分:1)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/jquery.datetimepicker.js"></script>

<form id="myform">
<input name="Effective Date" type="text" style="width:12%;" class="formFieldRequired datepicker" placeholder="DD/MM/YYYY" onkeyup="javascript:return mask(this.value,this,'2,5','/');" maxlength="10">
</form>

<script>
    function checkForm(thisForm) {
        var len = thisForm.elements.length;
        var cnt = 0 ;
        for ( var i=0; i < len; i++) {
            var elem = thisForm.elements[i] ;
            console.log(elem.className)
            if (elem.className.indexOf("formFieldRequired") != -1)  {
                if ((elem.value == "" || elem.value == -1)) {
                    alert("WARNING:\n You must supply information for the " + elem.name + " field");
                    elem.focus();
                    return false;
                }
            }
        }
        window.print();return true;
    }           

    checkForm(document.getElementById("myform"));
</script>