Jquery对表单选择的影响答案

【问题标题】：Jquery effect on form selectJquery对表单选择的影响
【发布时间】：2013-08-21 12:18:28
【问题描述】：

我有一个验证某些表单信息的脚本。目前它添加了一个 .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 知识有限，这是我在网上找到的修改后的脚本。你可以在这里看到它的实际效果：site，表单的第 2 步是你可以找到选择的地方。

【问题讨论】：

标签： javascript jquery css forms

【解决方案1】：

您可以通过检查是否选择了选项来检查是否进行了选择：

if ($("#mySelect option:selected").length){

//something has been selected   
}

if (!$("#mySelect option:selected").length){

//nothing has been selected   
}

【讨论】：

那么对于未选中的东西我该怎么办？
只需使用“！”反转条件语句运算符

【解决方案2】：

你可以使用这个 jQuery 验证插件，它会让你的生活更轻松，特别是错误和错误显示..

http://jqueryvalidation.org/

【讨论】：