无法弄清楚如何使用jQuery表单和.length

时间:2016-03-27 01:38:54

标签: javascript jquery

我目前正在开展一个项目,该项目涉及根据字段中字符串的长度验证表单字段。例如,zip字段必须至少为5个字符。这是我到目前为止的代码;

$(document).ready(function() {
//Building the Address from the Form
var address = document.getElementById("address");
var city = document.getElementById("city");
var state = document.getElementById("state");
var zip = document.getElementById("zip");

var addressobject = buildAddress(address.value, city.value, state.value, zip.value);

function buildAddress(address, city, state, zip){
    addressobject = {
        address: address,
        city: city,
        state: state,
        zip: zip,
        toString: function(){
            return (this.address + "," + this.city + "," + this.state + "," + this.zip);
        }
    }
    return(addressobject);
}
//Validation Function
$("#btn").on("click", function(addressobject) {
  if(address.zip < 5){
    alert("good");
  } else
    alert("bad");
});

});

此项目还有其他部分,但是现在我只需要让这个认证部分正常工作。同样,我似乎无法使(address.zip&lt; 5)工作,而现在,zip字段中的任何输入都会生成一个警告框,其中包含错误的&#34;。上面的document.getElementById引用了html页面中的div输入id。我应该引用别的东西而不是吗?

1 个答案:

答案 0 :(得分:0)

请注意,任何文本输入都是字符串,不能作为数字进行评估。您需要通过parseInt(或parseFloat)将其转换为数字,并将其与要验证的最小NUMBER的五位数进行比较,或者从文本输入中获取输入字符串的长度,并将其与使用.length属性需要5个字符。