html禁止form表单提交表单提交,onsubmit阻止表单提交

在实际开发中往往会遇到检查表单数据的合法性，如果数据不合法，就不让其提交。

Bootstrap 实例 - 提交表单验证

//--->

function checksubmit()

{

// var input_data = $("#form1").serialize();

var data_arr = $("#form1").serializeArray();

$.each(data_arr, function(i, val){

// alert(val); //返回对象

// alert(i);

// alert(val.name); // 返回数组元素名字

// alert(val.value); // 返回数组元素的值

if(val.name == "email")

{

if(val.value == "")

{

alert("邮件不能为空！");

$("#email").focus();

return false;

}

}

if(val.name == "password")

{

if(val.value == "")

{

alert("PWD不能为空！");

$("#pwd").focus();

return false;

}

}

});

return false;

}

//--->

Email

Password

Remember me

Sign in

代码很简单。

注意以下几点：

1.

其中，将false换成一个检验输入是否合法的函数，该函数返回false或true，则可以在函数返回false的时候阻止表单提交。

2.οnsubmit="return checksubmit()" 这里的return不能省掉。

3.checksubmit()函数里面的return true;可以省去，因为默认是返回true;

一个简单的测试页面：

获取用户Token

//--->

function checksubmit() {

// var input_data = $("#form1").serialize();

var user_id = $("#name").val();

if(user_id < 1){

alert("用户ID不能为空！");

$("#name").focus();

return false;

}

}

获取TOKEN

用户ID

placeholder="请输入用户ID">

提交

$user_id = (int)$_GET['user_id'];

if($user_id > 0)

{

$sql = "select * from user_tbl where user_id = {$user_id} limit 0,10";

$ret = db_query($sql);

if(empty($ret))

{

dump('没有该用户的设备Token记录！');

}else

{

dump($ret);

}

}

?>