提交表单时，怎么控制先进行JS验证，如果通过JS验证再连接服务器执行PHP语句呢？

发布网友发布时间：2022-05-16 09:58

共5个回答

懂视网时间：2022-05-16 14:19

js提交表单，我们可以使用document.getElementById("formid").submit()来实现。

提示框可以使用window.confirm来实现。

下面来看一下具体的代码：



js表单提交前进行确认提示



你可以复制本文章的代码到这里运行一把，马上去运行

小结：实现js 表单提交主要使用到js的submit()方法。实现提示是否提交表单主要使用到window.confirm()方法。 




                                        

                        
                        热心网友
                        时间：2022-05-16 11:27
                    
                    我把代码都写在一个文件里面  命名为  test.php  你可以测试一下   我只是写了个意思   具体的操作你可以自己再写    我测试没问题了 

<html>
<head>
<script type="text/javascript" src="update.js"></script>
<form action = "update.php" method = "POST">
</form>
</head>
<body>
<form action = "test.php" onsubmit="return my_check();" method = "POST">
<table>
<tr><td><label for = "id">文件号：</label></td><td><input type = "text" size="8" name = "id" id='my_id' /></td></tr>
<tr><td><label for = "user">姓名：</label></td><td><input type = "text" size = "8" name = "user" /></td></tr>
<tr><td><input type = "submit" name = "submit" value = "提交更新"/>
<input type = "hidden" name = "action" value = "add" />
<input type = "reset" name = "reset" value = "重新填写" /></td></tr>
</table>
</form>
</body>
</html>

<script language=javascript>
function my_check(){
    var a = document.getElementById("my_id");
if(a.value==""){
alert ("文件号不能为空"+"\n"+"请加上");
a.focus();
return(false);
}
else{
return(true);
}
}
</script>

<?
$act = $_POST['action'];
if($act == 'add'){
    $id = $_POST['id'];
    echo "您输入了".$id;
}
?>                    
                                                            
                        
                        热心网友
                        时间：2022-05-16 12:45
                    
                    给你两个语句
document.form.action = "要提交到的页面"；//设置页面

document.form.submit();//提交

把提交的按扭设成Botton，点击时不要提交表单，而是调研JS提交表单，以上两条语句为提交表单的，放到你的JS 程序里。form改成你的表单名称，如果不是IE的话，
document.form应改成document.getElementById("form的名称")

祝你好运                                        
                        
                        热心网友
                        时间：2022-05-16 14:20
                    
                    提交的时候调用 function验证方法，目标是一个验证页面，如果验证成功就跳转到成功页面连接                    
                                                            
                        
                        热心网友
                        时间：2022-05-16 16:11
                    
                    自己写一个js的sub，提交form时调用一下