Question

我正在尝试制作一个javascript验证表单，并且有点困在验证下拉输入（选择）

到目前为止，我一直在使用这个，但我不确定如何对选择选项实施验证，如果有人能给我一些很棒的提示。

编辑：另外，我如何实现电子邮件验证，例如包含@，谢谢

由于

<input id="firstname" onblur="validate('firstname')"></input>

请输入您的名字谢谢

http://jsfiddle.net/ww2grozz/13/

Answer 1

你需要处理如下选择

var validated = {};

function validate(field) {
    // Get the  value of the input field being submitted

    value = document.getElementById(field).value;

    // Set the error field tag in the html
    errorField = field + 'Error';

    // Set the success field
    successField = field + 'Success';

    if (value != '') {
        document.getElementById(successField).style.display = 'block';
        document.getElementById(errorField).style.display = 'none';
        validated[field] = true;
    } else {
        document.getElementById(successField).style.display = 'none';
        document.getElementById(errorField).style.display = 'block';
        validated[field] = false;
    }
}

function SimulateSubmit() {
    // Query your elements
    var inputs = document.getElementsByTagName('input');

    // Loop your elements
    for (i = 0, len = inputs.length; i < len; i++) {
        var name = inputs[i].id;

        if (!validated[name]) {
            // Call validate
            validate(name);
            // Prevent default
        }
    }


    var all_select = document.getElementsByTagName("select"); // get al select box from the dom to validate
     for (i = 0, len = all_select.length; i < len; i++) {
        var name = all_select[i].id;

        if (!validated[name]) {
            // Call validate
            validate(name);
            // Prevent default
        }
    }

}

here the Working fiddle

Answer 2

使用jQuery函数

$('input').on('keyup', function() {
  var isValid = $.trim($(this).val()) ? true : false;
  // show result field is Valid
});

Answer 3

您必须使用[open]代码并设置您的操作我已完成检查此link并添加了select标记，并在验证时将其设置为-1以进行检查

选择输入的Javascript验证

3 个答案: