这是我正在尝试使用submit按钮的一段代码。 它在onblur上可以正常工作,但是当我尝试使用带有提交按钮的onclick时不起作用。 我怎样才能做到这一点?

这是HTML

Name
<br>
<input size="16" placeholder="First Name" id="firstname" name="firstname" type="text">
<br>
<br>Last Name
<br>
<input placeholder="Last Name" name="lastname" id="lastname" type="text">
<br>
<br>
<button type="submit" id="submitBtn" name="submit">Submit</button>

这是纯javaScript

window.onload = function () {


    document.getElementById("firstname").onblur = mandatoryField;
    document.getElementById("lastname").onblur = mandatoryField;

};
// Clear potential alert
function clearalert() {

    var redalert = document.getElementById("redalert");
    if (redalert) {
        document.body.removeChild(redalert);
    }
}
//Reset white background
function resetWhiteBackground(elem) {
    elem.parentNode.setAttribute("style", "background-color: #ffffff");

}



function textAlert(txt) {

    // Create the alert node
    var textNode = document.createTextNode(txt);
    redalert = document.createElement("div");
    redalert.setAttribute("id", "redalert");
    redalert.setAttribute("class", "alert");
    redalert.setAttribute("style", "color: red");


    // append node to div and to document
    redalert.appendChild(textNode);
    document.body.appendChild(redalert);
}

function mandatoryField() {


    clearalert();

    // check for missing field
  if (firstname.value.length == "" ) {
        if (lastname.value.length == "") {
      textAlert("You must enter either you first name or last name before submiting");
        }
    } else {
 resetWhiteBackground();

    }
}

这是JSFiddle的现场直播: http : //jsfiddle.net/kyAY5/

===============>>#1 票数:0

window.onload = function () {

    document.getElementById("firstname").onblur = mandatoryField;
    document.getElementById("lastname").onblur = mandatoryField;
    document.getElementById("submitBtn").onclick = mandatoryField;

};

http://jsfiddle.net/kyAY5/1/

===============>>#2 票数:0

此处: http//jsfiddle.net/kyAY5/4/

window.onload = function () {

    document.getElementById("firstname").blur= mandatoryField;
    document.getElementById("lastname").blur= mandatoryField;
    document.getElementById("submitBtn").onclick = mandatoryField;

};

也,

var redalert = document.getElementById("redalert");

这将仅显示一次redalert

  ask by user3529194 translate from so

未解决问题?本站智能推荐:

2回复

将显示更改为“阻止”的功能从“无”onclick无法正常工作

我正在尝试使用div而不是uls创建一个可点击的下拉菜单。 我有一切风格正确,但我写的功能不会切换可见性。 有任何想法吗? HTML CSS 使用Javascript
1回复

将表单上的javascript验证更改为onblur或onchange而不是提交

我有一个验证php和javascript的表格。 我想将javascript验证更改为实时。 我进行了设置,因此如果用户在单击“提交”按钮后输入正确的信息或不正确的信息,则会添加类和消息。 这是我已经使用了一段时间的验证,并且想更新为实时验证。 我试图将onblur(myFuncti
2回复

如何将onClick更改为onHover功能? [重复]

这个问题已经在这里有了答案: 使Bootstrap Popover在悬停时显示/消失,而不是单击 5回答 在上面的链接中,我保留了要测试的代码。 如何将点击功能更改为悬停功能?
6回复

如何使用按钮“ onclick”功能从“ div”元素中删除内容?

我有一个div元素,其中包含许多图像。 当用户单击一个按钮时,我希望删除div的内容(而不是div本身,我想重用div来潜在地添加新内容)。 在我的HTML中, div和button定义为: 我如何编写一个函数来删除该div中的所有元素?
1回复

将按钮更改为其他背景onClick

我正在尝试使该按钮更改为其他背景,“线性渐变”后面有图像。 这是一个音频播放按钮。 按下它,它继续亮起;如果熄灭,则再次按下。 初级班 =您首先看到的 (仅线性渐变背景,背后没有图像) 暂停类 =单击后看到的内容 (透明的线性渐变背景,后面有图像) 播放类 =再
2回复

将主体onclick更改为按钮Onclick

我有这个脚本,当单击任何正文时将打开弹出窗口。 如何更改代替的身体单击,应该是在弹出窗口出现之前单击按钮单击还是单击链接? 我是否需要创建任何按钮。 代码非常感谢。 JS:内容: http : //jsfiddle.net/ayiem999/678Ru/ (带有按钮创建。请播放)
2回复

使用onclick功能单击“提交”按钮后,HTML页面正在刷新

我在这个带有Ajax脚本的index.html页面中有一个表单,单击“ 提交”按钮时,它应该只显示或“不成功”,如果用户在数据库中,它可以工作,但是当我单击“提交”时,它会显示消息仅一秒钟。 如何保持消息显示? 这是index.html : 这是具有验证功能的PHP文件:
6回复

使用javascript动态更改按钮的onclick功能

如何使用javascript动态更改按钮的onclick行为? 这就是我的意思: 我有以下按钮: 如何让按钮从getval()切换到getvalNew()并重新重置?
2回复

需要使用select将按钮的onClick值更改为其他值

在我的项目中,我有点迷失了。 我在一家提供翻译服务的公司工作。 好吧,我正在制作一个简单的计算器,根据整个项目中的单词数计算翻译成本。 它还会根据输入的单词数量更改费率。 我完成了这一部分。 我写了这个并且它有效: 此时我们有6种类型的翻译工作。 其中五个将使用该功能,最后一
5回复

如何创建一个按钮,以在此Javascript代码中将功能从“全选”更改为“全选”

以下是一段非常不错的代码,带有用于选择一组选择框( 源 )的全部或不选择的开关。 对于我计划使用的代码,该代码对我来说非常有效,因为使用此javascript,通过更改脚本中的“ for”值,很容易仅选择一个手动子集而不是表单中的所有复选框。 但是,我需要一个按钮同时选择和取消选择复选框,而