Javascript验证表单提交不返回false

标签 javascript html

注意:我搜索了类似的问题,但仍然无法解决,所以我再问一次。 我有一个表单及其 onsubmit = "return submit()"。它检查文本区域是否为空。如果是,则返回 false,但这不起作用。即使文本区域为空,操作仍会转到下一个网站。

        let firstName = document.querySelector('#firstname');
    let lastName = document.querySelector('#lastname');
    let password = document.querySelector('#password');
    let retypePass = document.querySelector('#repassword');
    let radioMale = document.querySelector('#male');
    let radioFemale = document.querySelector('#female');
    let textArea = document.querySelector('#textarea');
    let select= document.querySelector('#select');
    let button = document.querySelector('#button');
    let form = document.querySelector('#form');

    function submit(){
        if (textArea.value = "") {
           textArea.nextElementSibling.innerHTML = "Fill this box";
           return false;
     }
  }
HTML :`


    <div class='wrapper'>
    <h1>Registration Form</h1>
    <form  action="http://google.com" id='form' onsubmit="return submit()">
        <input placeholder="First Name" type="text" id='firstname' required>
        <span></span>
        <br>
        <input placeholder="Last Name" type="text" id='lastname' required>
        <span></span>
        <br>
        <input placeholder="Password" type="text" id='password' required>
        <span></span>
        <br>
        <input placeholder="Retype Password" type="text" id='repassword' required>
        <span></span>
        <br>
        <input placeholder="Phone Number" type="tel" id='tel' >
        <br>
        <div class='radio'>
            <h4>Selector Your Gender</h4>
            <input type='radio'name='same' id='male'>Male
            <input type='radio'name='same' id='female'>Female
        </div>
        <p style="margin:5px 0px;color:white">ADDRESS:</p>
        <textarea id='textarea'></textarea>
        <span></span>

        <p style="margin:5px 0px;color:white">Country:</p>
        <select type='country' style="width:84%" id='select'>
            <option>England</option>
            <option>Japan</option>
            <option>America</option>
            <option>France</option>
            <option>NetherLands</option>
        </select>
        <br><br>
        <input type='submit' value='submit'>
    </form>
</div>

最佳答案

您的 if 系统错误:

if (textArea.value = "")

应该是:

if (textArea.value == "")

关于Javascript验证表单提交不返回false,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51281373/

相关文章:

javascript - RequireJS:如何处理传递依赖项失败?

html - CSS:内容区域必须占据 100% 的高度

php - Chrome 移动版加载 PHP 两次?

javascript - 如何在 chart.js 圆形图表中获取文本

javascript - 如何在 setTimeout 调用中解决 Var 超出范围的问题

javascript - 在 NodeJS 中写入文件时内存不足

javascript - 如何为元素提供 V 模型

javascript - Node 更新特定包

html - 创建静态菜单 CSS

html - 如何在底部像镜子一样反射heder文本