【semantic】自定义表单验证规则

输入用户名检测是否存在

//semantic-UI自定义表单验证规则 

   var valid = true; $.fn.form.settings.rules.checkUsername = function () { var username = $('#username').val(); $.ajax({ type: 'POST', url: '/admin/findUsername', data: {username: username}, dataType: 'JSON', success: function (data) { if (data.msg == "success"){ console.log(data); validUsername = true; } else{ validUsername = false; } }, error: function (data) { console.log("data==="+data) } }) console.log("validUsername=="+validUsername) return validUsername; }

  

 1 $('#form0').form({
 2         on: 'blur',
 3         fields:{
 4             username:{
 5                 identifier:'username',
 6                 rules:[
 7                     {
 8                         type:'empty',
 9                         prompt : '用户名不能为空!'
10                     },
11                     {
12                         type:'checkUsername',
13                         prompt : '用户名已存在!'
14                     }
15 
16                 ]
17             }
18         }
19     })
原文地址:https://www.cnblogs.com/aioe/p/13364731.html