Javascript 在自定义区域显示警报消息-需要HTML

默认情况下，单击“提交”按钮时，文本框底部会显示所需的html警报消息

如何在文本框的左侧或任何其他一侧显示所需的验证消息

---

您可以使用jQuery进行验证或修改。请使用jQuery检查fiddle中的自定义验证消息

var createAllErrors = function() {
    var form = $( this ),
        errorList = $( "ul.errorMessages", form );

    var showAllErrorMessages = function() {
        errorList.empty();

        // Find all invalid fields within the form.
        var invalidFields = form.find( ":invalid" ).each( function( index, node ) {

            // Find the field's corresponding label
            var label = $( "label[for=" + node.id + "] "),
                // Opera incorrectly does not fill the validationMessage property.
                message = node.validationMessage || 'Invalid value.';

            errorList
                .show()
                .append( "<li><span>" + label.html() + "</span> " + message + "</li>" );
        });
    };

    // Support Safari
    form.on( "submit", function( event ) {
        if ( this.checkValidity && !this.checkValidity() ) {
            $( this ).find( ":invalid" ).first().focus();
            event.preventDefault();
        }
    });

    $( "input[type=submit], button:not([type=button])", form )
        .on( "click", showAllErrorMessages);

    $( "input", form ).on( "keypress", function( event ) {
        var type = $( this ).attr( "type" );
        if ( /date|email|month|number|search|tel|text|time|url|week/.test ( type )
          && event.keyCode == 13 ) {
            showAllErrorMessages();
        }
    });
};

$( "form" ).each( createAllErrors );

var createAllErrors=function（）{
变量形式=$（此），
errorList=$（“ul.errorMessages”，表格）；
var showAllErrorMessages=函数（）{
errorList.empty（）；
//查找表单中的所有无效字段。
var invalidFields=form.find（“：invalid”）。每个（函数（索引，节点）{
//查找字段的相应标签
变量标签=$（“标签[for=“+node.id+”]），
//Opera未正确填充validationMessage属性。
message=node.validationMessage | |“无效值”；
错误列表
.show（）
.append（“
”+label.html（）+“+message+”
”）；
});
};
//支持狩猎
关于“提交”的表格，职能（活动）{
if（this.checkValidity&&！this.checkValidity（））{
$（this.find（“：invalid”）.first（）.focus（）；
event.preventDefault（）；
}
});
$（“输入[type=submit]，按钮：非（[type=button]）”，表单）
。打开（“单击”，显示所有错误消息）；
$（“输入”，形式）.on（“按键”，函数（事件）{
var type=$（this.attr（“type”）；
如果（/date | email | month | number | search | tel | text | time | url | week/.test（类型）
&&event.keyCode==13）{
showAllErrorMessages（）；
}
});
};
$（“表格”）。每个（创建所有错误）；

---

欢迎来到堆栈溢出。请阅读了解如何提问以获得帮助。谢谢，到目前为止您尝试了哪些代码？您可以使用tag。