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>
问题: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
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28