如何验证在我的输入字段上正常工作

这个问题在这里已经有了答案:

  • 验证JavaScript中的十进制数 - IsNumeric()48回答

  • 请试试这个答案:

    function audience_details(){
         var aud1, aud2, total;
         if(document.getElementById("audience_1_field").value == "" || !onlyNos(document.getElementById("audience_1_field"))){
                alert("Please enter valid number in audience 1");
         }
         else if(document.getElementById("audience_2_field").value == "" || !onlyNos(document.getElementById("audience_2_field"))){
    
                alert("Please enter valid number in audience 2");
         }
         else if(document.getElementById("reach_field").value == "" || !onlyNos(document.getElementById("reach_field"))){
                alert("Please enter valid number in reache field");
         }
         else{
            var aud1 = parseInt(document.getElementById("audience_1_field").value);
            var aud2 = parseInt(document.getElementById("audience_2_field").value);
            var reach = parseInt(document.getElementById("reach_field").value);
            var total = (aud1 + aud2 - reach ) / aud1 * 100 ;
            total_field.value =  parseFloat(total).toFixed(2) + '%';
         }
    
    }
    
        function onlyNos(e) {
            try {
                if (e) {
                    var charCode = e.value;
    
                    if (charCode.charCodeAt() > 31 && (charCode.charCodeAt() < 48 || charCode.charCodeAt() > 57)) 
                        return false;
                    else { return true; }
                }
                else{return false;}
            }
            catch (err) {
                alert(err.Description);
            }
        }
    

    在这里,我将给出部分解决方案。 看看javascript验证和演示小提琴。

    function audience_details()
    {
    var temp = document.getElementById("audience_1_field").value;
    var temp1 = document.getElementById("audience_2_field").value;
    var temp2 = document.getElementById("reach_field").value;
    
    if(temp == "" || temp == null)
    {
        alert("please enter Audience 1 value");
    }
    else if(temp1 == "" || temp1 == null)
    {
        alert("please enter Audience 2 value");
    }
    else if(temp2 == "" || temp2 == null)
    {
        alert("please enter Total Reach value");
    }
    else
    {
     var aud1, aud2, total;
     var aud1 = parseInt(document.getElementById("audience_1_field").value);
     var aud2 = parseInt(document.getElementById("audience_2_field").value);
     var reach = parseInt(document.getElementById("reach_field").value);
     var total = (((aud1 + aud2) - reach ) / aud1) * 100 ;  
    
      total_field =  parseFloat(total).toFixed(2) + '%';
    
      estimate =  parseFloat(total).toFixed(2) + '%';
    
      document.getElementById("total_field").value = total_field;
    }   
    
    }
    

    样本演示

    正如我上面提到的partial solution ,因为我没有在我的解决方案中添加数值验证。 目前它会检查他们是否输入价值。 如果没有,它会通过警报消息。 您尝试自己进行数值验证。

    链接地址: http://www.djcxy.com/p/26411.html

    上一篇: How to get validation to work properly on my input fields

    下一篇: search json numbers