笔记练习：《Javascript入门经典（第5版）》page247_20.13Practice

来源：互联网发布：java thread 回调编辑：程序博客网时间：2024/05/21 17:34

复习本书前面一些章节里的范例，尝试用 JQuery 重新编写。

尝试编译运行，程序清单 20.2 Ajax表单，结果发现问题。

当输入表单的 name 和 email 信息后，无论如何访问提交，总是返回：

"Please fill in name and email fields!"

说明 function checkFields() 返回 FALSE ,即

return ($("#name").attr("value") && $("#email").attr("value"));

有误。

因此，对代码进行调整后，正常编译的代码如下：

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>Ajax Form Submission</title>    <script src="jquery-latest.min.js"></script>    <script>        $(document).ready(function(){            function checkFields(){                return ($("#name").val() && $("#email").val());            }            $("#form1").submit(function(){                if(checkFields()){                    $.post('test.php',$("#form1").serialize(),                            function(data){                                $("#div1").html(data);                            }                    );                }                else alert("Please fill in name and email fields!");                return false;            });        });    </script></head><body>    <form id="form1">        Name:<input type="text" name="name" id="name" />        <br/>        Email:<input type="text" name="email" id="email" />        <br/>        <input type="submit" name="submit" id="submit" value="提交" />    </form>    <div id="div1"></div></body></html>

0 0