如何使用jQuery Validation插件validation正则表达式?
如何使用jQuery Validation插件validation正则表达式? 在这段代码中,我们可以使用一个jQuery插件,“jQuery Validation”插件validation表单,但我不知道使用此插件validation正则表达式。
不需要jQuery。 使用RegExp构造函数并捕获exception:
try { new RegExp(someString); console.log('good'); } catch (e) { console.log('bad'); }
演示 (在输入中键入内容以了解它是否是一个格式正确的正则表达式)
标题:如何使用jQuery Validation插件validation常规表达式?
简单回答提出的问题……
引用OP:
“…我们可以使用一个jquery插件validation表单,”jQuery Validation“插件,但我不知道使用这个插件来validation正则表达式。”
首先,您不需要包含jQuery Validate插件的未缩小和缩小版本。 选择其中一个。 在这个例子中,缩小了……
您只需使用pattern
规则来validation正则表达式即可。 包括additional-methods.js
文件并声明您的正则表达式作为参数。
rules: { field1: { required: true, pattern: '[a-zA-Z]+' }, ....
演示: http : //jsfiddle.net/36tegu4o/
由于您使用jQuery $("#signup_form")
定位表单,因此在
标记中没有id="signup_form"
,因此无效。 你需要添加这个id
…
否则 ,如果你不能添加id
,你需要更改jQuery选择器来定位name
而不是……
$("form[name='signup_form']").validate({ ...
或者,使用addMethod
方法创建自定义方法/规则。 在这种情况下,我称之为myCustomMethod
…
$.validator.addMethod("myCustomMethod", function(value, element) { // your javascript regex function // return true if it passes // return false if it fails and the message will automatically display }, "your custom error message");
然后调用.validate()
来初始化插件并分配规则。 myFieldName
表示您希望分配规则的字段的name
属性。 您的jQuery应该包含在DOM ready事件处理程序中,以确保在操作DOM之前完全构造HTML …
$(document).ready(function() { $("#signup_form").validate({ rules: { myFieldName: { myCustomMethod: true } } }); // close validate() }); // close document.ready
演示 : http : //jsfiddle.net/HVtCy/