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>

阅读required attribute和custom-html5-form-validation

Working Demo

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);

html5 jquery中的文本字段验证

4 个答案: