表单提交checkscript() javascript

Form submission checkscript() javascript

本文关键字：javascript checkscript 表单提交      更新时间：2023-09-26

我希望能够仅在选择'my val 2'选项时提交表单。如果选择了另一个选项并按下了提交按钮，我希望它只是说他们不能提交它。此外，如果他们提交，我希望它到一个提交页面，说明他们提交了什么。这是我的表单:

<form action="formSub.php" method="POST" name="myform" onsubmit="return checkscript()">
            <select name="test_select">
                <option value="1">my val 1</option>
                <option value="2">my val 2</option>
                <option value="3">my val 3</option>
                <option value="4">my val 4</option>
            </select>
            <input type="submit" value="Submit" name="test_button" onClick="submitform(test_select.value)">
        </form>

这是我的javascript函数

function submitform(val) {
    var obj = val;;
    alert("Value =  " + obj);
}
function checkscript() {
    if (obj !== "2") {
        alert('This is not ''my val 2'' so you cannot submit');
        return false;
    }
    return true;
}

另外，我的checkscript函数不能正常工作。f语句总是false

你的脚本有错误。在函数checkscript()的作用域中没有看到变量obj。您应该尝试将该变量声明为全局变量。你有例子如何验证表单在这里:http://www.w3schools.com/js/js_form_validation.asp还有:Javascript表单验证onsubmit当@Noob UnChained写入时，你必须通过脚本从字段中获取值。还有函数submitform(val)

正如我所看到的，函数从选择面板获取值。因此，您可以尝试使用该函数从列表中返回选定的值。

var obj;
function submitform(val) {
    obj = val;
    alert("Value =  " + obj);
}
function checkscript() {
    if (obj !== "2") {
        alert('This is not ''my val 2'' so you cannot submit');
        return false;
    }
    return true;
}

对于第一个函数submitform()设置变量obj，第二个函数使用set obj来检查值。

但是如果我是你，我会使用@Noob UnChained方法，因为它更简单，而且你可以在一个函数中验证多种形式。还要尝试阅读javascript教程来编写好的脚本。

希望对你有帮助。

相关文章：