3 
<form action="welcome.php" method="post" onsubmit="return validate();">
<fieldset>
<legend> <b>Personal Info</b> </legend>
<pre>
<b>First Name</b> <input type="text" id="fname" size="30">
<b>Last Name</b> <input type="text" id="lname" size="30">
<b>Phone Number</b> <input type="number" id="fn" size="30">
    <fieldset>
    <legend> <b>Gender</b> </legend>
    <input type="radio" id="male" name="gender" value="Male">Male
    <input type="radio" id="female" name="gender" value="Female">Female
    </fieldset>
</pre>
</fieldset>
<input type="button" value="submit">
</form>

JavaScript 関数は validate() です。名、姓、または性別が空の場合、ユーザーにはメッセージが表示され、フォームは送信されません。JavaScript関数を使用することで、何が解決されるでしょうか。

4

3 に答える 3

-1

jqueryを使用すると、すべての入力値を取得できます

例：

var fname= $('#fname').val();
var lname= $('#lname').val();

入力フィールドに Required Attr を追加すると検証が行われます

<form action="welcome.php" method="post" onsubmit="return validate();">
<fieldset>
<legend> <b>Personal Info</b> </legend>
<pre>
<b>First Name</b> <input type="text" id="fname" required size="30">
<b>Last Name</b> <input type="text" id="lname" required size="30">
<b>Phone Number</b> <input type="number" id="fn" required size="30">
    <fieldset>
    <legend> <b>Gender</b> </legend>
    <input type="radio" id="male" name="gender" value="Male">Male
    <input type="radio" id="female" name="gender" value="Female">Female
    </fieldset>
</pre>
</fieldset>
<input type="button" value="submit">
</form>
于 2013-10-25T04:06:31.377 に答える
-2

every element is having an idなぜあなたはフィールドセットについて心配しているのですか？directly go for getting element with id.

document.getElementById("id-here")
于 2013-10-25T04:01:23.093 に答える