php中js验证客户端

Aimis 2011-06-15 04:02:50

需求：
1. 当点击“修改”和“添加”时调用js中的CheckInputThis方法.
2. 当点击“删除”时，调用js中IsDel方法.
3. 当return false时不执行php中的相关程序.



<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title><{$title}></title>

<{literal}>

<script type="text/javascript">

function CheckInputThis()

{

	if( document.getElementById('Input1').value == '' ){

		alert('请输入内容1');

		document.getElementById('Input1').focus();

		return false;

	}

	if( document.getElementById('Input2').value == '' ){

		alert('请输入内容2');

		document.getElementById('Input2').focus();

		return false;

	}

	return true;

}

function IsDel()

{

	if confirm("确认要删除么!"){

		return true;

	}

        else{

	        return false;

        }

}

</script>

<{/literal}>

</head>

<body>

<form action="" method="post" id="MyForm">

	<div>

		<span>内容1:<input type="text" id="Input1" name="Input1" /></span>  

		<span>内容2:<input type="text" id="Input2" name="Input2" /></span>  

		<button id="btn1" name="btn1">修改</button>

                <button id="btn2" name="btn2">删除</button>

                <button id="btn3" name="btn3">添加</button>

	</div>

</form>

</body>

</html>



<?php

	require 'main.php';

	$tpl->assign('title', '各种输入验证');

	

	if(isset($_POST['btn1']))

	{

		if( $_POST['Input1'] == '' ){

			echo '内容1!';

			return;

		}

		if($_POST['Input2'] == ''){

			echo '内容2!';

			return;

		}



		echo '内容1：'.$_POST['Input1'].'<br/>';

		echo '内容2：'.$_POST['Input2'].'<br/>';

	}



	if(isset($_POST['btn2']))

	{

		echo 'This is test.';

	}

	

	$tpl->display('CheckInputData.htm');

?>

...全文

58 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

Aimis 2011-06-15

打赏
举报

感谢jordan102~

jt

一起混吧 2011-06-15

打赏
举报

或者你转义一下试试：



<button id="btn1" name="btn1" onclick="if(!CheckInputThis())\{return false;\}">修改</button>

<button id="btn2" name="btn2" onclick="IsDel();">删除</button>

<button id="btn3" name="btn3" onclick="if(!CheckInputThis())\{return false;\}">添加</button>

Aimis 2011-06-15

打赏
举报

[Quote=引用 4 楼 jordan102 的回复:]

HTML code

<button id="btn1" name="btn1" onclick="if(!CheckInputThis()) return false;">修改</button>
<button id="btn2" name="btn2" onclick="IsDel();">删除</button>
<button id="btn3" name="btn3" onclick=……
[/Quote]
非常感谢，还有木有其他办法

一起混吧 2011-06-15

打赏
举报



<button id="btn1" name="btn1" onclick="if(!CheckInputThis()) return false;">修改</button>

<button id="btn2" name="btn2" onclick="IsDel();">删除</button>

<button id="btn3" name="btn3" onclick="if(!CheckInputThis()) return false;">添加</button>

或者你修改smarty的左右定界符。

Aimis 2011-06-15

打赏
举报

写了

[Quote=引用楼主 aimis 的回复:]
需求：
1. 当点击“修改”和“添加”时调用js中的CheckInputThis方法.
2. 当点击“删除”时，调用js中IsDel方法.
3. 当return false时不执行php中的相关程序.

HTML code

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"……
[/Quote]

Aimis 2011-06-15

打赏
举报

由于加入了smarty，当我这样定义三个按钮事件时，smarty错误的把"{"，"}"当做左右边界符，因此达不到预期的效果



<button id="btn1" name="btn1" onclick="if(!CheckInputThis()){return false;}">修改</button>

<button id="btn2" name="btn2" onclick="IsDel();">删除</button>

<button id="btn3" name="btn3" onclick="if(!CheckInputThis()){return false;}">添加</button>