小程序40个入口_使用layer弹窗提交表单时判断表单

发布时间:2021-01-07 10:55 作者:jianzhan

摘要: 应用layer弹出窗口递交表格时分辨表格是不是键入为空的事例 今日网编就为大伙儿共享一篇应用layer弹出窗口递交表格时分辨表格是不是键入为空的事例,具备非常好的参照使用价

使用layer弹窗提交表单时判断表单是否输入为空的例子       今天小编就为大家分享一篇使用layer弹窗提交表单时判断表单是否输入为空的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

获得 layer 文件包后,解压并将 layer 整个文件夹(不要拆分结构) 存放到你项目的任意目录,使用时,只需引入 layer.js 即可

使用时一定他要先引入jq1.8,或者以上版本!!!

下面是提交表单的实列

 !DOCTYPE html 
 html 
 head 
 meta charset="utf-8" 
 meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" / 
 title /title 
 script src="__STATIC__/js/mui.min.js" /script 
 link href="__STATIC__/css/mui.min.css" rel="external nofollow" rel="stylesheet"/ 
 script src="__STATIC__/layer/jquery-2.2.4.min.js" /script 
 script src="__STATIC__/layer/layer.js" /script 
 script type="text/javascript" charset="utf-8" 
 mui.init();
 /script 
 /head 
 body 
 center 
 li 商品入库 /li 
 /ul 
 /center 
 form action="{:url('order')}" method="post" 
 div 
 label 商品单号: /label 
 input type="text" placeholder=" 请输入用户名" name="order" id="order" 
 /div 
 div 
 label 商品名称: /label 
 input type="text" placeholder=" 请输入用户名" name="name" id="name" 
 /div 
 div 
 label 商品单价: /label 
 input type="text" placeholder=" 请输入用户名" name="money" id="money" 
 /div 
 div 
 label 商品库存: /label 
 input type="text" placeholder=" 请输入用户名" name="stock" id="stock" 
 /div 
 div 
 label 商品备注: /label 
 input type="text" placeholder=" 请输入密码" name="remarks" id="remarks" 
 /div 
 div 
 button type="submit" id="cx" 确认 /button 
 /div 
 /form 
 script type="text/javascript" 
 $(document).ready(function(){
 $('#cx').click(function(){ 
 var $1 = $.trim($('#order').val());
 var $2 = $.trim($("#name").val());
 var $3 = $.trim($("#money").val());
 var $4 = $.trim($("#stock").val());
 var $5 = $.trim($("#remarks").val()); 
 if($1 == ''){ 
 layer.msg('商品单号不能为空',function() {time:2000}); 
 return false; 
 if($2 == ''){ 
 layer.msg('请输入商品名称!',function() {time:2000});
 return false; 
 if($3 == ''){ 
 layer.msg('请输入商品单价!',function() {time:2000});
 return false; 
 if($4 == ''){ 
 layer.msg('请输入商品库存!',function() {time:2000});
 return false; 
 }); 
 /script 
 /body 
 /html 

以上这篇使用layer弹窗提交表单时判断表单是否输入为空的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。


  • 做网络推广要留意什么?

    当下许多朋友都会做互联网营销推广,由于互联网营销推广自身是为互联网营销推广效力的,在营销推广全过程中必须让客户掌握到商品的优势。如今许多公司都很重视互联网营销推

  • 如何提高企业定做网站的

    倘若企业选择了定制建设网站的方式,要想干出一个让人令人满意的网站,决不会是将全部的工作中中丢给第三方建设网站公司就完后了,那般设计方案计划方案出来的网站,维修率十

  • 网站定制化开发需要哪些

    最新项目确立网站作为企业的一种对外开放对外开放宣传策划方案策划方式,每家企业全是有本身不一样的想法,也提供的并不是同的服务,因而顾客在咨询的状况下,互连网公司一般

  • 定制网站建设的流程和好

    网站的建设早就越来越越越普遍的了,便于更强的给大家提供网站的建设,有很多模版类型的网立在可以供大伙儿选择。但是,还是有很多的人要选择定制网站的建设,显而易见的,定

  • 关于酒店自助登记机为什

    今日刚从上海市的酒店餐厅用具展回家,见到各式的酒店餐厅自助式备案机,可是在实际日常生活中没看到过一部那样的设备,为何营销推广不了来? 有些人说成设备无法明确应用真实