如何验证我的联系表单中的选择选项？

Question

为什么它没有验证我的联系表单中的选择选项？我曾尝试使用此 js 代码，但它不适用于选择的代码，它仅适用于输入和文本区域。我需要在这里更改什么才能使其正常工作？感谢帮助者。jQuery(document).ready(function($) {  "use strict";  //Contact  $('form.contactForm').submit(function() {    var f = $(this).find('.form-group'),      ferror = false,      emailExp = /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i;    f.children('input').each(function() { // run all inputs      var i = $(this); // current input      var rule = i.attr('data-rule');      if (rule !== undefined) {        var ierror = false; // error flag for current input        var pos = rule.indexOf(':', 0);        if (pos >= 0) {          var exp = rule.substr(pos + 1, rule.length);          rule = rule.substr(0, pos);        } else {          rule = rule.substr(pos + 1, rule.length);        }        switch (rule) {          case 'required':            if (i.val() === '') {              ferror = ierror = true;            }            break;          case 'minlen':            if (i.val().length < parseInt(exp)) {              ferror = ierror = true;            }            break;          case 'email':            if (!emailExp.test(i.val())) {              ferror = ierror = true;            }            break;          case 'checked':            if (! i.is(':checked')) {              ferror = ierror = true;            }            break;          case 'regexp':            exp = new RegExp(exp);            if (!exp.test(i.val())) {              ferror = ierror = true;            }            break;        }        i.next('.validation').html((ierror ? (i.attr('data-msg') !== undefined ? i.attr('data-msg') : 'wrong Input') : '')).show('blind');      }    });    f.children('select').each(function() { // run all inputs      var i = $(this); // current input      var rule = i.attr('data-rule');

Answer 1

也许select已经选择了一个非空值，因此不会触发错误条件。您的页面有：

<option selected disabled value="Select Service">Select Service</option>

将value属性设置为空字符串：

<option selected disabled value="">Select Service</option>

Answer 2

使用这个函数来修复它：

function JSFunctionValidate() {

if(document.getElementById('service').selectedIndex == 0) {

    alert("Please select service");

    return false;

}

return true;

}

让我知道。