查看代碼:將輸入的ipaddress值與laravel中多選框的值進行比較?
<div class="box-body">
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">Version</label>
<div class="col-sm-10">
<input type="text" class="form-control"
name="versions" id="versions" placeholder="Eg. 5.9.158.65"
onchange='validate(this.value)'>
</div>
</div>
</div>
這是手動輸入ip地址我輸入字段。 輸入此字段的值時,我需要檢查多選框(下面提到)中的值是否低於輸入的IP地址格式。
Script代碼:
<script type='text/javascript'>
var octet = '(?:25[0]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]|[0-9])';
var ip = '(?:' + octet + '\\.){3}' + octet;
var quad = '(?:\\[' + ip + '\\])|(?:' + ip + ')';
var ipRE = new RegExp('(' + quad + ')');
function validate(value) {
if (ipRE.test(value)) {
alert('"' + RegExp.$1 + '"');
} else {
alert('Invalid version format');
}
}
</script>
我在這裏使用正則表達式驗證輸入ip地址格式。
相同的看法代碼:
<div class="box-body">
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">Target Versions(Supported Versions)</label>
<div class="col-sm-10">
<select multiple="multiple" class="form-control" name="serial-lists[]" id="serial-lists" onchange='multiselect()'>
<option value="1.0.0.8">1.0.0.8</option>
<option value="1.0.0.2">1.0.0.2</option>
<option value="1.0.0.3">1.0.0.3</option>
<option value="1.0.0.4">1.0.0.4</option>
<option value="1.0.0.5">1.0.0.5</option>
<option value="1.0.0.6">1.0.0.6</option>
<option value="1.0.0.7">1.0.0.7</option>
</select>
</div>
</div>
</div>
這個字段是支持的版本場是多選箱。
Script代碼:(代碼我已經嘗試了比較這兩個字段)
<script>
function multiselect() {
var selectedValues = $('#serial-lists').text();
var versions = document.getElementById('versions');
if (selectedValues > versions)
alert("not valid");
else if (selectedValues < versions)
alert("valid");
}
</script>
但它無法正常工作。另外我認爲它也不高效。
更多細節需要樣品測試案例 –
它應該是'的document.getElementById( '版本')。value' –