带有 html 表单验证的 Javascript 不起作用

标签 javascript html forms validation

我正在尝试使用简单的 javascript 脚本验证表单,但它不起作用,有人能告诉我我的代码有什么问题吗? (抱歉我的问题含糊不清)

JS代码:

<script type="text/javascript">
function validation()
{                                 
    var fName=document.forms["teacherReg"]["firstname"].value;
    var lName=document.forms["teacherReg"]["lastname"].value;
    var uName=document.forms["teacherReg"]["username"].value;
    var pWord=document.forms["teacherReg"]["password"].value;
    var cPWord=document.forms["teacherReg"]["confirmpassword"].value;

    if (fName="" || lName="" || uName="" || pWord="")
    {
        alert("Not a valid entry");
        return false;
    }

}
</script>

html 表单:

<form name="teacherReg" action="" method="POST" onsubmit="return validation();">
    1. First name:
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    2. Last name:<br/><input type="text" name="firstname" id="firstname" />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="text" name="lastname" id="lastname" /><br/><br/>                             
    3. Desired Username:
    <br/><input type="text" name="username" id="username" /><br/><br/>
    4. Desired Password:
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    5. Confirm Password:<br/><input type="password" name="password" id="password" />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="password" name="confirmpassword" id="confirmpassword" /> <br/><br/>
    <center><input type="submit" value="Register" name="submitbutton" class="button" /></center>
</form>

如果任何字段“fName、lName、uName、pWord”为空,我希望它返回 false,但它始终返回 true

最佳答案

问题是你混淆了= (赋值运算符)运算符 == (比较运算符):

if (fName = "" || lName = "" || uName = "" || pWord = "") {

应该是

if (fName == "" || lName == "" || uName == "" || pWord == "") {

修复演示:http://jsfiddle.net/49xDH/

关于带有 html 表单验证的 Javascript 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21775066/

相关文章:

javascript - AngularJS Factory 变量值分配打破绑定(bind)

javascript - 在javascript中更改mousemove上的图片

javascript - 滚动动画

php - 另一个 PHP 联系表未发送

css - 在 Bootstrap 中,如何让背景颜色一直向右移动

css - 提交按钮 css。 Firefox 中的大纲

html - HTML 表单(GET)中使用的方法与 HTTP GET 不同吗?

javascript - 将今天日期设置为kendo datepicker

javascript - jQuery 焦点在 Chrome 中不起作用

html - 如何使 Twitter Bootstrap 样式的表单连续包含多个输入?