form表单提交数据时进行数据验证并提示弹框

 <form id="info_form" name="info_form" action=" " method="post">
 <table width="100%" class="table_form">
     <tr>
       <th>{:L('password')} :</th>
       <td><input type="password" name="password" id="J_password" class="input-text"></td>
     </tr>
     <tr>
       <th>{:L('cofirmpwd')} :</th>
       <td><input type="password" name="repassword" id="J_repassword" class="input-text"></td>
     </tr>
     <tr>
       <th>{:L('admin_phone')} :</th>
       <td><input type="text" name="phone" id="J_phone" class="input-text"></td>
     </tr>
     <tr>
       <th>{:L('admininrole')} :</th>
       <td>
        <select name="role_id">
          <volist name="role_list" id="val">
          <option value="{$val.id}">{$val.name}</option>
             </volist>
         </select>
       </td>
     </tr>
 </table>
 </form>
<script>
$(function(){
 $.formValidator.initConfig({formid:"info_form",autotip:true});
 var check_mobile_url = "{:u('admin/ajax')}";


 $("#J_password").formValidator({ onshow:lang.please_input+lang.password, onfocus:lang.password+lang.between_6_to_20}).inputValidator({ min:6, max:20, onerror:lang.password+lang.between_6_to_20});


 $("#J_repassword").formValidator({ onshow:lang.cofirmpwd, onfocus:lang.cofirmpwd}).compareValidator({desid:"J_password",operateor:"=",onerror:lang.passwords_not_match});


 $("#J_phone").formValidator({onshow:lang.please_input+lang.admin_phone,onfocus:lang.please_input+lang.admin_phone}).inputValidator({min:11,max:11,onerror:lang.please_input+lang.admin_phone}).ajaxValidator({
        type : "get",
        url : check_mobile_url,
        datatype : "json",
        async:'false',
        success : function(result){
            if(result == 0){
                return false;
            }else{
                return true;
            }
        },
        onerror : '该手机号码已经存在',
        onwait : '正在检测'
    });
 
 $('#info_form').ajaxForm({success:complate,dataType:'json'});
    function complate(result){
        if(result.status == 1){
            $.dialog.get(result.dialog).close();
            $.pinphp.tip({content:result.msg});
            window.location.reload();
        } else {
            $.pinphp.tip({content:result.msg, icon:'alert'});
        }
    }
 
 
});
</script>

 //$("#J_username").formValidator({ onshow:lang.please_input+lang.admin_username, onfocus:lang.please_input+lang.admin_username}).inputValidator({ min:1, onerror:lang.please_input+lang.admin_username}).ajaxValidator({type:"get", url:"", data:"m=admin&g=admin&a=ajax_check_name&roleid=1", datatype:"html", async:'false', success:function(data){ if(data == "1"){return true;}else{return false;}}, onerror:lang.admin_name_exists, onwait:lang.connecting_please_wait});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值