javascript - html5 jquery中的文本字段验证

Question

在 HTML5 验证中，我如何检查字段是否仅包含文本值

<form >
  First name:<input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
</form>

jQuery 验证：

if($("form")[0].checkValidity()) 
{
}
else
{
    alert('Invalid form , Enter All Values');
}

如何仅检查文本值的字段。

Answer 1

使用required and pattern attribute喜欢，

<form >
  First name:<input type="text" name="fname" required pattern="[a-zA-Z]{1,10}"><br>
  Last name: <input type="text" name="lname" required pattern="[a-zA-Z]{1,10}"><br>
</form>

阅读所需的属性和custom-html5-form-validation

工作演示

Answer 2

if($("form")[0].checkValidity()) 
    {
             var filter = /^[a-zA-Z]*$/; //regex to chk for only chars
        if (filter.test($("form")[0].val())) {
            return true;
        }
                }
                else
                {
                alert('Invalid form , Enter All Values');

                }

Answer 3

我想这会对你有所帮助。用于pattern您的愿望验证。

<form >
  First name:<input type="text" name="fname" pattern="[A-z]" /><br>
  Last name: <input type="text" name="lname" pattern="[A-z]" /><br>
</form>

Answer 4

你想要这样的东西，

HTML5：<input pattern="regexp">

 <input type="text" name="fname" pattern="[A-Za-z]" >

Javascript：

  var String = 'you text here';
  var Letters = /^[a-zA-Z\u00C0-\u00ff]+$/.test(String);