使用bootstrap验证器验证表单字段以仅包含字母

时间:2017-06-10 13:34:19

标签: javascript jquery twitter-bootstrap validation

这是我第一次使用bootstrap来验证表单字段,我正在学习如何通过以下方式来实现  contact form validation example 在以下链接中。

幸运的是,过了一段时间,我在提供的链接中得到了一个例子,运行得很好。

现在我想知道如何验证“名称”字段只包含字母。

基于以下代码段中的archiveArtifacts artifacts: 'build/reports/tests/test/*'对象...

validators:{}

引导程序中是否有类似的内容可以进行此类验证?

1 个答案:

答案 0 :(得分:2)

你可以用它。这个codepen我只为firstname字段添加了回调,你也可以在bootstrap验证中使用回调来满足其他自定义需求。

详情参考:http://formvalidation.io/validators/callback/

function isValid(value)
{
  var fieldNum = /^[a-z]+$/i;

  if ((value.match(fieldNum))) {
      return true
  }
  else
  {
      return false
  }

}
如果用户输入字母以外的内容,则会触发

消息。

first_name: {
                validators: {
                        stringLength: {
                        min: 2,
                    },
                        notEmpty: {
                        message: 'Please supply your first name'
                    },
                    callback: {
                        message: 'please enter only letters',
                        callback: function(value, validator, $field) {
                            if (!isValid(value)) {
                              return {
                                valid: false,
                              };
                            }
                            else
                            {
                              return {
                                valid: true,
                              };    
                            }

                        }
                    }
                }

       }