Jquery对表单选择的影响
Jquery effect on form select
我有一个验证一些表单信息的脚本。目前,它添加了一个.error的CSS类(添加红色边框),当输入值小于1个字符时,它还应用了抖动效果。
如果没有选择任何内容,我还需要对表单中的各种选择进行此操作。我需要对以下代码做些什么才能让它正常工作?
//check if inputs aren't empty
var fields = $('.validate');
var error = 0;
fields.each(function(){
var value = $(this).val();
if( value.length<1 || value==field_values[$(this).attr('id')] ) {
$(this).addClass('error');
$(this).effect("shake", { times:3 }, 50);
error++;
} else {
$(this).addClass('valid');
}
});
我对Javascript/Jquery的了解有限,这是我在网上找到的一个修改过的脚本。你可以在这里看到它的作用:网站,表单的第2步是你可以找到选择的地方。
您可以通过检查是否选择了一个选项来检查是否进行了选择:
if ($("#mySelect option:selected").length){
//something has been selected
}
if (!$("#mySelect option:selected").length){
//nothing has been selected
}
你可以使用这个jQuery验证插件,它会让你的生活更轻松,特别是在错误和错误显示方面。。
http://jqueryvalidation.org/
相关文章:
- 下拉选择可自动更改第二个下拉选择
- 如何使用jQuery选择下拉列表的值
- jquery点击函数select&取消选择
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 按照选项卡索引的顺序循环一个jQuery选择
- 在动态创建的元素上获取对特定选择器的引用
- Javascript插件不应该影响所有的选择框
- 选择输入更改不会影响模型状态
- 选择选项的 JQuery 会影响页面中的所有选择选项
- 使用类选择器附加事件处理程序是否会影响该类的动态添加元素
- 如何将参数传递给将影响模板angularjs选择的指令
- Jquery对表单选择的影响
- 如何在不影响其他值的情况下使jquery ui中的日期选择器禁用sunday
- 如何使用jQuery/javascript使用Treetable插件影响/选择所有子体
- 如何阻止对选择列表的更改影响第二个选择
- JQuery似乎影响了我的css悬停选择器
- JUMflot如何重新绘制点/选择项目?尝试将项添加到数组中并在不影响原始项的情况下重新绘制它们
- 如何扭转jQuery replaceWith函数对HTML选择标记的影响
- 在一个列表框中选择“值”应影响所有其他列表框
- Jquery选择器-影响同一DOM元素中的元素