formValidator 密码
一个自动检查插件,先上代码:
<div class="easyui-panel" data-options="fit:true,title:'<{$currentpos}>',border:false">
<form id="<{$prefix}>_form">
<input type="hidden" name="info[user_id]" value="<{$user_id}>" />
<table cellspacing="12">
<tr align="left">
<td colspan="3">
<font color="#ff0000">
提示:请设置用户密码
</font>
</td>
</tr>
<tr>
<td>
设置密码:
</td>
<td>
<input name="info[password]" id="<{$prefix}>_form_password" type="text"
style="width:150px;height:22px" />
</td>
<td>
<div style="color:red" id="<{$prefix}>_form_passwordTip">
</div>
</td>
</tr>
<tr>
<td>
重复密码
</td>
<td>
<input name="info[password2]" id="<{$prefix}>_form_password2" type="text"
style="width:150px;height:22px" />
</td>
<td>
<div style="color:red" id="<{$prefix}>_form_password2Tip">
</div>
</td>
</tr>
<tr align="center">
<td colspan="3">
<a id="<{$prefix}>_form_submit" class="easyui-linkbutton">
确定创建
</a>
</td>
</tr>
</table>
</form>
</div>
<script type="text/javascript">
$(function() {
$('#<{$prefix}>_form_submit').click(function() {
$('#<{$prefix}>_form').submit()
});
$.formValidator.initConfig({
formID: "<{$prefix}>_form",
onSuccess: <{
$prefix
} > _editFormSubmit,
submitAfterAjaxPrompt: '正在发送,请稍等...',
inIframe: true
});
$("#<{$prefix}>_form_password").formValidator({
onShow: "请输入密码",
onFocus: "请输入密码"
}).inputValidator({
min: 6,
max: 20,
onError: "密码应该为6-20位之间"
});
$("#<{$prefix}>_form_password2").formValidator({
onShow: "请重复密码",
onFocus: "请重复密码"
}).compareValidator({
desID: "<{$prefix}>_form_password",
operateor: "=",
onError: "输入两次密码不一致"
});
});
function < {
$prefix
} > _editFormSubmit() {
$.post('<{:U('User / editPassword ')}>', $("#<{$prefix}>_form").serialize(),
function(res) {
if (!res.status) {
$.messager.alert('提示信息', res.info, 'error');
} else {
$.messager.alert('提示信息', res.info, 'info');
}
})
}
</script>
上面以及之前,凡是出现过“<{$prefix}>”字样的,都是一个唯一的字符串,可以随便写,比如本例当中,可以将全部“<{$prefix}>”标签ctrl+h替换成“abcdefg”