两种表单提交验证方法

1.直接绑定id进行判断

<form action="" method="get">
	<div class="lfs_list">
		<span>Appid:</span>
		<input type="text" name="Appid" class="lfs_list_input" placeholder="*必填">
	</div>
	<div class="lfs_list">
		<span>AppSecret:</span>
		<input type="text" name="AppSecret" class="lfs_list_input" placeholder="*必填">
	</div>
	<div class="lfs_list">
		<span>pid:</span>
		<input type="text" name="pid" class="lfs_list_input" placeholder="*必填">
	</div>
	<input type="submit" name="" class="lfs_list_submit" value="成为淘宝客" id="submitform">
</form>
js:
$('#submitform').on('click',function(){
	var appid=$('input[name="Appid"]').val();
	var AppSecret=$('input[name="AppSecret"]').val();
	var pid=$('input[name="pid"]').val();
	if (appid==''||appid==null){
		alert('appid不能为空');
		return false;
	}
	if (AppSecret==''||AppSecret==null){
		alert('AppSecret不能为空');
		return false;
	}
	if (pid==''||pid==null){
		alert('pid不能为空');
		return false;
	}
	return true;
})

2. onsubmit事件无法触发,使用绑定按钮点击事件代替
<form action="" method="get" onsubmit="return check();">
	<div class="lfs_list">
		<span>Appid:</span>
		<input type="text" name="Appid" class="lfs_list_input" placeholder="*必填">
	</div>
	<div class="lfs_list">
		<span>AppSecret:</span>
		<input type="text" name="AppSecret" class="lfs_list_input" placeholder="*必填">
	</div>
	<div class="lfs_list">
		<span>pid:</span>
		<input type="text" name="pid" class="lfs_list_input" placeholder="*必填">
	</div>
	<input type="submit" name="" class="lfs_list_submit" value="成为淘宝客" id="submitform">
</form>
 
 

js:

//onsubmit事件无法触发,使用绑定按钮点击事件代替  
function check() { 
var appid=$('input[name="Appid"]').val();
	var AppSecret=$('input[name="AppSecret"]').val();
	var pid=$('input[name="pid"]').val();
	if (appid==''||appid==null){
		alert('appid不能为空');
		return false;
	}
	if (AppSecret==''||AppSecret==null){
		alert('AppSecret不能为空');
		return false;
	}
	if (pid==''||pid==null){
		alert('pid不能为空');
		return false;
	}
	return true;

}
 
 







猜你喜欢

转载自blog.csdn.net/weixin_38047955/article/details/77151909
今日推荐