GVKun编程网logo

HTML表单和Javascript确认(javascript 表单)

23

如果您对HTML表单和Javascript确认和javascript表单感兴趣,那么这篇文章一定是您不可错过的。我们将详细讲解HTML表单和Javascript确认的各种细节,并对javascript

如果您对HTML表单和Javascript确认javascript 表单感兴趣,那么这篇文章一定是您不可错过的。我们将详细讲解HTML表单和Javascript确认的各种细节,并对javascript 表单进行深入的分析,此外还有关于HTML表单中的onClick JavaScript函数、HTML表单使用JavaScript输入标签名元素数组、HTML表单调用javascript函数、javascript – AJAX PHP HTML表单问题的实用技巧。

本文目录一览:

HTML表单和Javascript确认(javascript 表单)

HTML表单和Javascript确认(javascript 表单)

我在提交表单和 Javascript确认时遇到问题.基本上,按下“提交”按钮时会调用以下Javascript.

function confirmation() {
    var answer = confirm("Are you sure you wish to edit?")
    if (answer)
    {
        window.location = "#editform2";
    }
}

但是,当我点击取消而不是ok时,Javascript正确执行,因为我看地址栏并且它没有更新到#editform2.但是,表格仍然提交.它似乎刷新了页面.以下是表单中的相关部分:

//Form is encoded in PHP
<form method=\"post\">
//Form is in here
<input type=\"submit\" value=\"Edit\" onclick=\"confirmation()\">

所以表单不知道它在哪里,它只是刷新页面,而页面恰好也是处理器.所以即使我点击取消它也正在处理,Javascript应该保持在同一页面上.除了将处理移到另一页面外,我的解决方案是什么?

解决方法

它的工作原理是这样的,因为它是一个sumbit按钮,表格在每种情况下都会提交.为表单分配一个id并更改输入类型:

<form method="post" id="formid">
<input type="button" value="Edit" onclick="confirmation()">

并在点击时调用此函数:

function confirmation() {
    var answer = confirm("Are you sure you wish to edit?")
    if (answer)
    {
        document.getElementById("formid").submit();
    }
}

HTML表单中的onClick JavaScript函数

HTML表单中的onClick JavaScript函数

当它在html表单中时,我无法获得一个简单的按钮,而当它不在html表单中时它正常工作.

此代码不起作用:

<head>
    <script langauge="JavaScript">
    function reset(){
        alert('test')
    }
    </script>
</head>

<body>
<form name="nyform">
    <input type="button" value="Reset" onClick="reset()">
</form>
</body>

虽然这个做了:

<head>
    <script langauge="JavaScript">
    function reset(){
        alert('test')
    }
    </script>
</head>

<body>
    <input type="button" value="Reset" onClick="reset()">
</body>

这是什么原因,我该如何纠正?

谢谢

解决方法

发生这种情况是因为函数reset()在表单中具有不同的含义,并且您的自定义函数不会覆盖它.我将函数名称更改为reset2,它都按预期工作.

HTML表单使用JavaScript输入标签名元素数组

HTML表单使用JavaScript输入标签名元素数组

这是一个两部分的问题。有人在第二天回答了一个类似的问题(在PHP中也包含了关于这种类型的数组的信息),但是我找不到。

首先,在窗体中输入标签的name元素末尾创建的数组的正确术语是什么?

<form>

    <input name="p_id[]" value="0"/>
    <input name="p_id[]" value="1"/>
    <input name="p_id[]" value="2"/>

</form>

2.)如何使用JavaScript获取该数组的信息?具体来说,我现在只是想计算数组的元素。这是我做的,但它不工作。

function form_check(){
    for(var i = 0; i < count(document.form.p_id[]); i++){  //Error on this line

        if (document.form.p_name[i].value == ''){
            window.alert('Name Message');
            document.form.p_name[i].focus();
            break;
        }

        else{
            if (document.form.p_price[i].value == ''){
                window.alert('Price Message');
                document.form.p_price[i].focus();
                break;
            }

            else{
                update_confirmation();
            }
        }
    }
}

解决方法

1.) First off,what is the correct terminology for an array created on the end of the name element of an input tag in a form?

“经常混淆PHPism”

就JavaScript而言,一堆具有相同名称的表单控件只是一堆具有相同名称的表单控件,并且具有包括方括号的名称的表单控件只是具有包含方括号的名称的表单控件。

具有相同名称的表单控件的PHP命名约定有时是有用的(当您拥有多个控件组时,可以执行以下操作:

<input name="name[1]">
<input name="email[1]">
<input name="sex[1]" type="radio" value="m">
<input name="sex[1]" type="radio" value="f">

<input name="name[2]">
<input name="email[2]">
<input name="sex[2]" type="radio" value="m">
<input name="sex[2]" type="radio" value="f">

)但是会混淆一些人。一些其他语言已经采用了惯例,因为它最初是写的,但通常只是一个可选功能。例如,通过this module for JavaScript。

2.) How do I get the information from that array with JavaScript?

它仍然只是从元素获取与表单控件相同名称的属性。诀窍在于,由于表单控件的名称包括方括号,所以您不能像任何其他JavaScript property name that includes special characters那样使用dot notation and have to use square bracket notation。

既然你有这个名称的多个元素,它将是一个集合,而不是一个单一的控件,所以你可以循环使用一个标准的循环,利用它的length属性。

var myForm = document.forms.id_of_form;
var myControls = myForm.elements['p_id[]'];
for (var i = 0; i < myControls.length; i++) {
    var aControl = myControls[i];
}

HTML表单调用javascript函数

HTML表单调用javascript函数

这将是一个愚蠢的问题,只是试图解决与 HTML表单交互的 Javascript函数,并且无法使其工作.

非常简单,把它放在fiddle

$('#test').submit(function(){
    var battery = $('#battery').value();
    $('#output').text(battery);
});

<form id="test" action="">
    <fieldset>
        <label for="battery">Cell Count</label><br />
        <input type="number" size="3" name="battery" id="battery" /><br />
        <input type="submit" name="submit" id="submit" onclick="submit()" />
    </fieldset>
</form>

<div id="output">

</div>​​​​

总是返回错误,我无法弄清楚原因.玩过和其他东西一起玩,总是不能让它上班错误.

解决方法

错误可能是.value()不是函数.你想要.val().

javascript – AJAX PHP HTML表单问题

javascript – AJAX PHP HTML表单问题

我正在处理三明治的订单.四个输入字段表示产品的数量. (棕色,白面包等)

我正在寻找关于如何“生活”在该页面底部显示数量和价格的产品的建议.此外,我想计算总数.在我看来,AJAX看起来是最好的方式;但我从哪里开始呢?

此时产品在html中是静态的,使用xml是明智的吗? (mysql目前不是一个选项)

我希望这个问题具有某种意义,并会给我一些可能性.

解决方法

你认为这样你会有任何想法吗?
一个简单的例子好吗?

总结

以上是小编为你收集整理的javascript – AJAX PHP HTML表单问题全部内容。

如果觉得小编网站内容还不错,欢迎将小编网站推荐给好友。

今天的关于HTML表单和Javascript确认javascript 表单的分享已经结束,谢谢您的关注,如果想了解更多关于HTML表单中的onClick JavaScript函数、HTML表单使用JavaScript输入标签名元素数组、HTML表单调用javascript函数、javascript – AJAX PHP HTML表单问题的相关知识,请在本站进行查询。

本文标签: