+ -
当前位置:首页 → 问答吧 → Validate插件问题

Validate插件问题

时间:2009-06-03

来源:互联网

刚刚接触jQuery,不会用验证,看了些文章就自己写了点,但有问题,不知道怎么解决。请教大家了。
问题:1.红色部分加上后点提交的时候(什么都不输入)只有第一个和最后一个文本框有错误提示,中间的没有。还有就是,当我去按错误提示输入时,总是第一个框获得焦点,然 后就卡死在那里了,cpu:100%。
2.下边的我的想实现的功能,写法有问题吗?
代码:
<body>

<script type="text/javascript">
$(document).ready(
function() {
$(".X").attr("disabled", false);
}
)

$.validator.setDefaults({
debug: false
});
$.metadata.setType("attr", "validate");
$(document).ready(function() {
$.validator.addMethod("Select", function(value, element, params) {

return value === "0" ? false : true; // 1.这里是想验证下拉列表选中的是有效值

}, "please select one ");
$("form").submit(function() { $("form").validate(); }); //2.这里是想在提交的时候验证,输入的时候不出现错误提示
});

</script>

<form runat="server" id="form1">
<input type="text" name="name" id="name" validate="required:true" /><br />
<input type="text" name="name" id="name" validate="required:true" /><br />

<input type="text" name="name" id="name" validate="required:true" /><br />

<input type="text" name="email" validate="required:true" />
<br />
<table border="0" cellpadding="0" cellspacing="5">
<tr>
<td style="width: 150px">
<label>
Language:
</label>
</td>
<td>
<select name="Language" id="Language" validate="Select:true" style="width: 150px">
<option value="0">- Select - </option>
<option value="1">Chinese </option>
<option value="2">Hong Kong </option>
</select>
</td>
</tr>
</table>
<br />
<input type="submit" value="Submit" />
<br />
</form>
</body>

作者: john.bo   发布时间: 2009-06-03

相关阅读 更多