两种表单提交验证方法

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;

}