我有一个带有选择框和输入字段的表单:当select的选项值为“ 8”时,我希望该输入字段必须小于250
选择框
<select id="select_5" size="1" title="Effettua una scelta!" name="tipo_nolavorazioni" onChange="updatethis(this.form);">
<option value="8"> A </option>
<option value="1"> B</option>
<option value="2"> C</option>
<option value="3"> D </option>
</select>
输入盒
<input class="required validate-number" maxlength="150" size="5" id="text_2" name="base" type="text" onChange="updatethis(this.form);" value="" />
<p id="errore_base"></p>
在JS文件上,我添加了以下内容:
function updatethis(form) {
if (tipo1==8) {
window.addEvent('domready', function(){
var valid = new LiveValidation('text_2', {insertAfterWhatNode : "errore_base"});
valid.add(Validate.Numericality, { maximum: 250, tooHighMessage: "Max 250cm" });
});
}
}
这有效,但是如果我更改选项值(例如B = 1),则会出现错误消息,并且无法处理表单。
我哪里错了?
最佳答案
这样行吗?我从来没有亲自使用过LiveValidation
库,但是在查看了API之后,我想这会起作用。您需要将对验证器的引用存储在函数之外的某个位置(在更大范围内),并使用add
和remove
方法来控制UI。
查看更多信息:
http://livevalidation.com/documentation#LiveValidationRemove
var validator = new LiveValidation('text_2', {insertAfterWhatNode : "errore_base"})
function updatethis(form) {
var action = 'remove';
if (tipo1 == 8) {
action = 'add';
}
window.addEvent('domready', function(){
validator.add(Validate.Numericality, { maximum: 250, tooHighMessage: "Max 250cm" });
});
}
关于javascript - Javascript在线验证:onchange仅在第一次触发,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27822339/