JS点击提交按钮时判断input是否为空输入内容小于指定数提示

其实就是简单的利用onclick点击事件和id来判断

首先在按钮或超链添加onclick点击事件：

<button onClick="isxgemail()">提交</button>

然后再在input绑定ID：

<input id="xgemailtext" name="xgemailtext">

最后就可以用JS将它们联系起来：

function isxgemail(){
    var xgemailid = $('#xgemailtext').val(); //通过id绑定
    var xgemailname = $("input[name='xgemailtext']").val(); //或者通过name绑定
    //判断id xgemailtext判断的【字符】长度【不小于】0时
    if(xgemailid.length>0){
        //不为空
        layer.msg('提交成功', {
		icon: 6
	});
    } else {
        //为空
        layer.msg('请输入内容', {
		icon: 5
	});
    }

    //或通过判断name xgemailtext的【数字】长度【小于或等于】0时
    if(Number(xgemailname)<=0){
        //为空
        layer.msg('name为空', {
		icon: 6
	});
    } else {
        //不为空
        layer.msg('提交成功', {
		icon: 5
	});
    }
}

注意上面由ID和NAME两种方法判断，和判断字符（含汉字，字母，数字和其他）以及数字（只判断数字）

 

 

运行DEMO