Question

我正在尝试验证表单，以确保用户将值输入到文本框中。这是我的Javascript：

var formValidation = function(a) {
    if (document.getElementById(a).value == "") {
        alert('Please fill out the ' + a + ' field');
        return false;
    }
    else {
        return true;
    }
}

以下是表格：

<div id="cultdiv">
    <form action="add.php" method="POST">
        <span><input type="hidden" name="id" id="cultid"/>
        <input type="text" onSubmit ="formValidation('culture')" name="name" id="culture"/>
        <input type="hidden" name="type" value="culture" />
        <input type="submit" value="add/update" /></span>
    </form>
</div>

由于某种原因，它不会阻止提交表单或发出警告信息。

Answer 1

您忘记了内联处理程序中的return 此外，<input>没有onsubmit个事件;你可能想把它放在<form>。

Answer 2

slaks意味着沿着这些方向发展。

<script>
var formValidation = function() {
    if (document.getElementById('culture').value == "") {
        alert('Please fill out the culture field');
        return false;
    }
    else {
        return true;
    }
}

<div id="cultdiv">
    <form action="add.php" method="POST" onsubmit="return formValidation(this)">
        <span><input type="hidden" name="id" id="cultid"/>
        <input type="text" name="name" id="culture"/>
        <input type="hidden" name="type" value="culture" />
        <input type="submit" value="add/update" /></span>
    </form>
</div>

使用Javascript函数进行表单验证

2 个答案: