账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    请教一个关于validform 表单验证的问题
    22
    0

    关于自定义验证错误信息以弹出框的方式显示

    相关代码:
    <form id="addaddress-form">
        <div class="m-cell">
            <div class="cell-item">
                <div class="cell-left">收件人:</div>
                <div class="cell-right">
                    <input type="text" name="uname" class="cell-input" datatype="*" placeholder="请输入收件人姓名" >
                </div>
            </div>
            <div class="cell-item">
                <div class="cell-left">手机号码:</div>
                <div class="cell-right">
                    <input type="number" name="uphone" pattern="[0-9]*" datatype="*" class="cell-input" placeholder="请输入手机号" 
                    />
                </div>
            </div>
            <div class="cell-item">
                <div class="cell-left">收件地址:</div>
                <div class="cell-right">
                    <input type="text" name="uaddress" class="cell-input cell-arrow" datatype="*" placeholder="省/市/区">
                </div>
            </div>
            <div class="cell-item">
                <div class="cell-left">详细地址:</div>
                <div class="cell-right">
                    <input type="text" name="udetailedaddress" class="cell-input" datatype="*" placeholder="请输入详细收货地址">
                </div>
            </div>
        </div>
        <div class="pd20">
            <button type="button" class="btn-block btn-fcx j-save">保存配送地址</a>
        </div>
    </form>
    $(function () {
        // var dialog = window.YDUI.dialog;
        var addaddressForm = $('#addaddress-form').Validform({
            btnSubmit: '.j-save',
            tiptype: function (msg, o, cssctl) {
                if (o.type !== 2) {
                    //dialog.toast(msg, 'error', 1000, function () {});
                } else {
                    return false;
                }
            },
            tipSweep: true,
            showAllError: false,
            beforeSubmit: function (curform) {
                console.log(curform)
                return false;
            }
        });
    });

    问题在于,提示了错误信息后,当前验证的那个input框会自动获取焦点。 我想取消掉,验证不通过的不自动获取到焦点上。

    拜托!-_- !找了文档也没有找到相应的参数。!

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 背后的伤痛谁能懂 普通会员 1楼

      "validform" 表单验证是指在用户提交表单之前,验证表单中的数据是否符合预定义的规则,以确保表单的数据可以正确地发送到服务器。

      在validform中,你可以使用JavaScript的正则表达式来验证数据。以下是一个简单的例子:

      ```html





      ```

      在这个例子中,我们使用正则表达式来验证姓名和电子邮件的格式。如果用户提交的姓名或电子邮件不符合这些格式,我们弹出一个警告框并返回false,阻止表单的提交。

      你可以根据你的具体需求来修改正则表达式,以匹配你的数据验证规则。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部