{{# var lang001 = {"ch": "源IP起始IP", "en": "Src Start IP"}, lang002 = {"ch": "源IP结束IP", "en": "Src End IP"}, lang003 = {"ch": "NAT起始端口", "en": "NAT Start Port"}, lang004 = {"ch": "每IP端口数量", "en": "Ports Per IP"}, lang005 = {"ch": "结束IP不能小于起始IP", "en": "End IP address cannot be less than the Start IP address"}, lang006 = {"ch": "每次最多添加2048个IP", "en": "Add up to 2048 IP addresses at a time"}, lang007 = {"ch": "确定要提交吗", "en": "Confirm to submit?"}; }}  <form class="layui-form paui-form" style="padding-top:20px"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang001[g_lang] || "源IP起始IP" }}</label> <div class="layui-input-inline"> <input type="hidden" name="action" value="btn_add_cgnat" > <input type="hidden" name="index" id="cgnat_add_window_index" > <input type="text" name="start_srcip"  lay-verify="required|isIP" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang002[g_lang] || "源IP结束IP" }}</label> <div class="layui-input-inline"> <input type="text" name="end_srcip" lay-verify="required|isIP" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang003[g_lang] || "NAT起始端口" }}</label> <div class="layui-input-inline"> <input type="text" name="start_port" lay-verify="required|numbers" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang004[g_lang] || "每IP端口数量" }}</label> <div class="layui-input-inline"> <input type="text" name="port_range" lay-verify="required|numbers" class="layui-input"> </div> </div> <div class="layui-hide"> <button id="submit_cgnat_btnadd" lay-submit lay-filter="submit_cgnat_btnadd"></button> </div> </form>  <script> layui.use(function(){ var $ = layui.$, form = layui.form;  var api = '/cgi-bin/network/ajax_cgnat';   form.on('submit(submit_cgnat_btnadd)', function(obj){  var start_ip = IP2Int(obj.field.start_srcip); var end_ip = IP2Int(obj.field.end_srcip);  if(end_ip < start_ip) { alert_tips('{{ lang005[g_lang] || "结束IP不能小于起始IP" }}'); return false; }  if((end_ip - start_ip) > 2048) { alert_tips('{{ lang006[g_lang] || "每次最多添加2048个IP" }}'); return false; }  var api_ip = ""; var cur_ip = start_ip;  for(var i = 0; i <= (end_ip - start_ip); i++) api_ip = api_ip + Int2IP(cur_ip++) + ',';  obj.field.srcip = api_ip;  pa_confirm('{{ lang007[g_lang] || "确定要提交吗" }}？', function(i){ layer.close(i); pa_ajax({ url: api, data: obj.field, success: function(json){ if(json.code != 0) alert_err(json.msg); else { $("#btn_cgnat_reload").click(); layer.close(obj.field.index); alert_ok(json.msg); } } }); });  return false; }); }); </script>