第一种实现
实现效果
当输入用户名、密码、邮箱的时候，动态的在textField的右边显示错误信息，并给与颜色警告，一旦输入符合，解除错误信息。一旦三个全部输入符合，注册按钮才可以点击，否则一直disable。
效果图：
代码实现
Extension
首先扩展UITextField，在里面实现正则判断。
12345678910111213141516171819202122232425 |
extension UITextField { var notEmpty: Bool { get { return self.text != "" } }
func validate(RegEx: String) -> Bool { let predicate = NSPredicate(format: "SELF MATCHES %@", RegEx) return predicate.evaluateWithObject(self.text) }
func validateEmail() -> Bool { let regex = "[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,4}" return self.validate(regex) }
func validateUsername() -> Bool { return self.validate("^[A-Za-z0-9]{6,18}") }
func validatePassword() -> Bool { return self.validate("^[A-Za-z0-9]{6,18}") }}
|
建立表单Event(Editing Changed)
把三个TextField绑定到一个event事件 -> Editing Changed，在用户编辑的时候，都会进入这个方法，那么我们就在这个方法里面进行验证
1、viewDidLoad的时候把注册按钮置灰
self.navigationItem.rightBarButtonItem?.enabled = false
2、edit的时候，进入Editing Changed事件
123456789101112131415161718192021222324252627282930 |
@IBAction func textFieldChanged(sender: UITextBox) {
sender.highlightState = UITextBoxHighlightState.Default if sender == labelUsername { if !sender.validateUsername() { sender.highlightState = UITextBoxHighlightState.Wrong("用户名长度6到18位(数字字母)") }
} else if sender == labelPassword { if !sender.validatePassword() { sender.highlightState = UITextBoxHighlightState.Wrong("密码长度6到18位(数字字母)") }
} else { if !sender.validateEmail() { sender.highlightState = UITextBoxHighlightState.Wrong("邮箱格式不正确") } }
if labelUsername.notEmpty && labelPassword.notEmpty && labelEmail.notEmpty { if labelUsername.validateUsername() && labelPassword.validatePassword() && labelEmail.validateEmail() { self.navigationItem.rightBarButtonItem?.enabled = true } else { self.navigationItem.rightBarButtonItem?.enabled = false } } else { self.navigationItem.rightBarButtonItem?.enabled = false }
}
|
这里的UITextBox是我引入的一个文件，继承与UITextField，并且文本框的类都实现了它，以用来实现正确错误的高亮提醒效果。
第二种实现
这一种实现方便在于不用把textField控件和代码实现Event关联，而且可以在viewdidLoad的时候绑定好校验规则，错误提示，需要引入第三方库AJWValidator，在控制所有控件都符合输入规则后，可以点击注册按钮，这里我们用了Swift2.0的新特性（选项集合）来实现。
想了解Option Sets的可以去Swfit 2.0之选项集合(Option Sets)学习一下，这里就不进行讲解了。
首先，定义一个Inputs的选项集合类，定义了所有需要进行校验的textField，代码如下：
12345678910111213141516171819202122232425262728293031 |
import Foundation
struct Inputs: OptionSetType { var rawValue: Int
static let user = Inputs(rawValue: 1 << 0) static let pass = Inputs(rawValue: 1 << 1) static let mail = Inputs(rawValue: 1 << 2)}
//extend bool validateextension Inputs: BooleanType { var boolValue: Bool { return self.rawValue == 0b111 }}
//checkextension Inputs {
func isAllOk() -> Bool {
let count = 3 var found = 0
for time in 0..<count where self.contains(Inputs(rawValue: 1 << time)) { found++ } return count == found }}
|
在注册的controller里定义一个空的Option Sets集合变量
var inputs: Inputs = []
在viewDidLoad中进行校验，我把校验单独写在了一个方法中：
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
/** form 表单校验 */ func textFieldValid() { let barButtonItem = self.navigationItem.rightBarButtonItem let vali = AJWValidator(type: .String) vali.addValidationToEnsureRangeWithMinimum(6, maximum: 18, invalidMessage: "用户名长度6到18位(数字字母)") self.labelUsername.ajw_attachValidator(vali) vali.validatorStateChangedHandler = { (newState: AJWValidatorState) -> Void in switch newState { case .ValidationStateValid: self.labelUsername.highlightState = .Default self.inputs.unionInPlace(Inputs.user) case .ValidationStateInvalid: let errorMsg = vali.errorMessages.first as? String self.labelUsername.highlightState = .Wrong(errorMsg!) self.inputs.subtractInPlace(Inputs.user) default: break } barButtonItem!.enabled = self.inputs.isAllOk() }
let passVali = AJWValidator(type: .String) passVali.addValidationToEnsureRangeWithMinimum(6, maximum: 18, invalidMessage: "密码长度6到18位(数字字母)") self.labelPassword.ajw_attachValidator(passVali) passVali.validatorStateChangedHandler = { (newState: AJWValidatorState) -> Void in switch newState { case .ValidationStateValid: self.labelPassword.highlightState = .Default self.inputs.unionInPlace(Inputs.pass) case .ValidationStateInvalid: let errorMsg = passVali.errorMessages.first as? String self.labelPassword.highlightState = .Wrong(errorMsg!) self.inputs.subtractInPlace(Inputs.pass) default: break } barButtonItem!.enabled = self.inputs.isAllOk() }
let emailVali = AJWValidator(type: .String) emailVali.addValidationToEnsureValidEmailWithInvalidMessage("格式不正确") self.labelEmail.ajw_attachValidator(emailVali) emailVali.validatorStateChangedHandler = { (newState: AJWValidatorState) -> Void in switch newState { case .ValidationStateValid: self.labelEmail.highlightState = .Default self.inputs.unionInPlace(Inputs.mail) case .ValidationStateInvalid: let errorMsg = emailVali.errorMessages.first as? String self.labelEmail.highlightState = .Wrong(errorMsg!) self.inputs.subtractInPlace(Inputs.mail) default: break } barButtonItem!.enabled = self.inputs.isAllOk() } }
|
这样也可以实现实时校验的效果。
时间： 2024-04-15 16:00:24