两种表单提交验证方法

来源:互联网 发布:郑州关键词优化 编辑:程序博客网 时间:2024/05/21 11:27

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;

}