验证下拉菜单JavaScript

验证下拉菜单JavaScript,javascript,forms,validation,Javascript,Forms,Validation,我正在一个现有的网站上使用一个联系人表单,该表单使用JavaScript来验证字段。最初的开发人员编写了JavaScript,但没有正确验证其中一个字段。该字段是一个下拉列表,它有一个默认值,他们不希望选择该值,因此如果选择默认选项强制用户进行选择,我需要它返回一个无效响应 任何帮助都将不胜感激 // Check to make sure Area of Interest is Valid var areaVal = $("#req_area").val(); var areaReg

我正在一个现有的网站上使用一个联系人表单,该表单使用JavaScript来验证字段。最初的开发人员编写了JavaScript,但没有正确验证其中一个字段。该字段是一个下拉列表,它有一个默认值,他们不希望选择该值,因此如果选择默认选项强制用户进行选择,我需要它返回一个无效响应

任何帮助都将不胜感激

// Check to make sure Area of Interest is Valid
   var areaVal = $("#req_area").val();
   var areaRegexObj = /^\s*[\w\s]*\s*$/;

   if (areaRegexObj.test(areaVal)) {
      isValid = (isValid == false) ? false : true;
   } else {
      $("#req_area").val("Please specify your Area of Interest");
      isValid = false;
   }
试一试


最好进行服务器端验证(如果还没有),这样用户就不会禁用JS并提交表单

我要说的不仅仅是“这是个好主意”——如果除了客户端验证之外,您没有服务器端验证,那么您可能会受到攻击。它将有服务器端验证,我只是在使用JavaScript时遇到了问题。谢谢您的帮助,我设法解决了这个问题。默认选项有一个关联的值,我删除了该值并将if语句更改为if(areaVal==null)。并删除了区域REGEXOBJ。谢谢
var areaVal = $("#req_area option:selected").val();

if (!areaRegexObj.test(areaVal))
    $("#req_area").val("Please specify your Area of Interest");