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

最新推荐文章于 2024-04-11 16:42:06 发布

喜欢烟火气的俗人

最新推荐文章于 2024-04-11 16:42:06 发布

阅读量4.1k

点赞数 1

分类专栏：前端文章标签： form表单验证弹框

本文链接：https://blog.csdn.net/Bigger_High/article/details/52638910

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<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});