【问题标题】:No validation don't show next fieldset没有验证不显示下一个字段集
【发布时间】:2018-07-01 04:06:54
【问题描述】:

我正在使用此示例创建一个多步骤表单 - codepen.io/orozcokapo/pen/LmgjYg

但是,我希望在第二个字段集中,首先验证所需的输入文本字段(我在第二个字段集中仅使用一个文本字段来输入手机号码),如果所需字段不为空,则转到下一步的按钮应该可以工作.

我无法在 JQuery 中对其进行编码。你能指导我怎么做吗?

【问题讨论】:

    标签: javascript jquery css validation fieldset


    【解决方案1】:

    首先,通过为它们指定required 属性来指定需要哪些输入。然后,在 Next 按钮的 click 函数中,将 current_fs = $(this).parent(); 移动到顶部并添加此代码

    var inputs = current_fs.find("input[required]");
    if(inputs.is((i,el) => $(el).val() == ""))
    {
        alert("Please fill out all required fields");
        return false;
    }
    

    https://codepen.io/anon/pen/zaeNMP

    【讨论】:

    • 感谢您的帮助。此代码不起作用。抛出错误Uncaught SyntaxError: Illegal return statement
    • 您是否在current_fs 行之后立即添加了代码块?
    • 对不起我的错误。感谢现在工作。但是,当 onclick 提交时,如果必填字段为空,它会显示警报,如果我在同一页面上的输入字段中输入值而不刷新,则提交按钮不是 clicakble。现在怎么解决?
    • 这听起来值得一个单独的问题
    • 好的,谢谢您的帮助。我会尝试解决这个问题。如果没有,那么将发布一个问题。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-29
    • 2014-06-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多