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/

表单选择的Jquery效果

2 个答案: