css - 模式不适用于动态附加HTML元素

我正在动态创建HTML元素，单击按钮将其附加到div。我的问题是HTML模式验证不起作用。。。

 var moredetail="<label for='teachername' data-icon='' class='nopostcard'> Teacher\'s Name
</label> <input type='text' id='teachername' class='nopostcard' required='required' pattern='[A-Za-z]'
title='TeacherName must be alphanumeric' />";
        moredetail +="<label for='comment' data-icon='' class='nopostcard'> Comments </label>
 <input type='text' id='comment' class='comment nopostcard' required='required'/>";

最佳答案

我正在创建button type=“button”用于html验证我应该让它提交类型，
如果使用submit，我会遇到一些问题所以我用下面的代码来处理button

var String = document.getElementById("teachername").value;
var Letters = /^[a-zA-Z\u00C0-\u00ff]+$/.test(String);

 if(Letters == false)
 {
 alert('Teacher name can be only string');
 return;
 }