Javascript 如何在addeventlistener中使用onclick防止表单数据提交?

Javascript 如何在addeventlistener中使用onclick防止表单数据提交?,javascript,html,dom,Javascript,Html,Dom,这只是我代码的一部分,我不明白的是如何在html中使用onclick来阻止php文件运行。我有一个html文件,其中我的输入是按钮类型,我使用的是DOM2,即。addeventlistener function checku(event) { var start=event.currentTarget; var warning=""; if(start.name=="pressed"){ alert("sdf"); var temp=d

这只是我代码的一部分,我不明白的是如何在html中使用onclick来阻止php文件运行。我有一个html文件,其中我的输入是按钮类型,我使用的是DOM2,即
。addeventlistener

function checku(event) {

    var start=event.currentTarget;
    var warning="";
    if(start.name=="pressed"){
        alert("sdf");
         var temp=document.getElementById("form");
    }
    else
        var temp=start;

        var size=temp.length;

    for(var i=0;i<size;i++) {
        //alert(temp[i].name);

        if(temp[i].name=="Email"){


            var re = /^[0-9a-zA-Z]+@+[a-zA-Z]+?\.[a-z]{2,3}$/; 
            var len=temp[i].value.length;
            var t=re.test(temp[i].value)

            if(t==true||len==0){
                document.getElementById("user").innerHTML="";
                //  Email.style.color="black";
                if(len==0){
                    warning+="Email Address cannot be empty, ";
                    //return false;
                }
                //return true;

             } else {
                 user.style.fontStretch="condensed";
                 user.style.color="red";
                 user.style.fontWeight="600";
                 user.style.fontFamily="Arial, Helvetica, sans-serif";
                 //  Email.style.color="red";
                 document.getElementById("user").innerHTML="It should contain @ and .com or.ca ";
                 warning+="Email Address, ";
                 //return false;
             }
        }
功能检查单元(事件){
var start=event.currentTarget;
var警告=”;
如果(start.name==“按下”){
警报(“sdf”);
var temp=document.getElementById(“表单”);
}
其他的
var-temp=启动;
变量大小=温度长度;

对于(var i=0;i,
表单
标记中的
按钮
,单击后将触发
提交
事件,并将表单提交到
表单
操作
属性中指定的URL


如果要添加
事件
以执行验证或其他内容,请确保将按钮的
类型
属性更改为
按钮
,即
提交

点击
表单
标记内的
按钮
将触发
提交
事件并将表单提交给U在
表单
操作
属性中指定的RL

如果要添加
事件来执行验证或其他操作,请确保将按钮的
类型
属性更改为
按钮
,即
提交

尝试此代码

var div = document.getElementById('myDiv');
div.addEventListener('click', function(e){
    e.preventDefault();
    // Your code here
});
试试这个代码

var div = document.getElementById('myDiv');
div.addEventListener('click', function(e){
    e.preventDefault();
    // Your code here
});

您得到的错误是什么?您的
temp
变量在外部块中不可用。事实上,无论输入是否有效,php文件都会运行。form id=“form”method=“POST”action=“signup.php”>为什么你的标记问题只有php?我只看到javascript代码我实际上只上传了js我以为只有js需要更改可能与你得到的错误重复?你的
temp
变量在外部块中不可用。实际上问题是php文件不管输入是否有效都会运行无效的表单id=“form”method=“POST”action=“signup.php”>为什么您的标记问题只有php?我只看到javascript代码我实际上只上传了js我认为只有js需要更改可能重复