javascript - Jquery对表单选择的影响

Question

我有一个验证某些表单信息的脚本。目前它添加了一个 .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 步是您可以找到选择的地方。

Answer 1

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

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

//something has been selected   
}

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

//nothing has been selected   
}

Answer 2

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

http://jqueryvalidation.org/