相关疑难解决方法(0)

设置自定义HTML5必填字段验证消息

必填字段自定义验证

我有一个包含许多输入字段的表单.我已经放了html5验证

<input type="text" name="topicName" id="topicName" required />
Run Code Online (Sandbox Code Playgroud)

当我提交表单而不填写此文本框时,它会显示默认消息

"Please fill out this field"

有人可以帮我编辑这条消息吗?

我有一个javascript代码来编辑它,但它不起作用

$(document).ready(function() {
    var elements = document.getElementsByName("topicName");
    for (var i = 0; i < elements.length; i++) {
        elements[i].oninvalid = function(e) {
            e.target.setCustomValidity("");
            if (!e.target.validity.valid) {
                e.target.setCustomValidity("Please enter Room Topic Title");
            }
        };
        elements[i].oninput = function(e) {
            e.target.setCustomValidity("");
        };
    }
})
Run Code Online (Sandbox Code Playgroud)


电子邮件自定义验证

我有以下HTML表单

<form id="myform">
    <input id="email" name="email" type="email" />
    <input type="submit" />
</form>
Run Code Online (Sandbox Code Playgroud)


我想要的验证消息.

必填字段:请输入电子邮件地址
错误电子邮件: 'testing @ .com'不是有效的电子邮件地址.(此处,输入的电子邮件地址显示在文本框中)

我试过这个.

function check(input) …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery html5

109
推荐指数
9
解决办法
20万
查看次数

Wtforms 自定义验证消息被忽略

我正在使用 Flask 构建一个非常简单的注册表单,我想自定义验证器的错误消息DataRequiredEmail但是似乎我的自定义消息被忽略,并且正在打印默认消息。下面是我的代码片段

表格.py

class SignUp(FlaskForm):
    username = StringField('Username', validators=[DataRequired(message='Must be filled'), length(min=4, max=10)])
    email = EmailField('Email', validators=[DataRequired(message='Email can\'t be blank'),
                                            Email(message='valid email address required')])
    password = PasswordField('Password', validators=[DataRequired()])
    confirm_password = PasswordField('Confirm Password',
                                     validators=[DataRequired(), EqualTo('password', 'Passwords must match')])
    submit = SubmitField('Register')
Run Code Online (Sandbox Code Playgroud)

注册.html

{% extends "base.html" %}
{% from "jinja_helpers.html" import render_field %}
{% from "jinja_helpers.html" import render_button %}
{% block body %}
    <div class="container mt-4">
        <form action="" method="POST">
            {{ form.hidden_tag() }}
            {{ render_field(form.username) }}
            {{ render_field(form.email) …
Run Code Online (Sandbox Code Playgroud)

flask flask-wtforms

6
推荐指数
1
解决办法
3970
查看次数

标签 统计

flask ×1

flask-wtforms ×1

html ×1

html5 ×1

javascript ×1

jquery ×1