Javascript 用于填充表单的jquerybookmarklet
我正在尝试制作一个jQuery bookmarklet,用一些默认值填充一个复杂的web表单,以减少每次进入此页面时都必须键入这些垃圾Javascript 用于填充表单的jquerybookmarklet,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试制作一个jQuery bookmarklet,用一些默认值填充一个复杂的web表单,以减少每次进入此页面时都必须键入这些垃圾 <table class="frame"> <tr> <td class="frame-title"> <div class="frame-title"> Personal Details&nb
<table class="frame">
<tr>
<td class="frame-title">
<div class="frame-title"> Personal Details </div>
</td>
<td class="frame-title-right"></td>
</tr>
<tr>
<td colspan="2" class="frame-content">
<table class="dlg-frame">
<tr>
<td class="dlg-body" width="120"><strong>Username:</strong></td>
<td class="dlg-body">
<input name="username" id="username" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>New Password:</strong></td>
<td class="dlg-body">
<input name="password" id="password" size="50" type="password" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Verify Password:</strong></td>
<td class="dlg-body">
<input name="password2" id="password2" size="50" type="password" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Last Name:</strong></td>
<td class="dlg-body">
<input name="lastname" id="lastname" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>First Name:</strong></td>
<td class="dlg-body">
<input name="firstname" id="firstname" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Title:</strong></td>
<td class="dlg-body">
<input name="title" id="title" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Position:</strong></td>
<td class="dlg-body">
<input name="position" id="position" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>ID-Number:</strong></td>
<td class="dlg-body">
<input name="idnumber" id="idnumber" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Phone:</strong></td>
<td class="dlg-body">
<input name="phone" id="phone" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Mobile:</strong></td>
<td class="dlg-body">
<input name="mobile" id="mobile" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>e-Mail:</strong></td>
<td class="dlg-body">
<input name="email" id="email" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Birthday:</strong></td>
<td class="dlg-body">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<input name="birthday" id="birthday" size="10" maxlength="10" type="text" class="text" value="">
<img src="themes/tcpro/img/ico_calendar.png" id="datepicker" title="Date Picker..." alt="Date Picker..." align="middle" onmouseover="return overlib('Click here to open the date picker dialog. The date will be shown as YYYY-MM-DD in the field on the left.',SNAPX, 12, SNAPY, 12, CELLPAD, 4, 4, 4, 4, BGBACKGROUND, 'http://miavtsvn.ryder.com/Calendar/themes/tcpro/img/bg_tooltip.gif', CAPICON, 'http://miavtsvn.ryder.com/Calendar/themes/tcpro/img/ico_tt.png', CAPCOLOR, '#FFFFFF', CAPTION, 'Information', CAPTIONFONT, 'Tahoma,Helvetica,sans-serif', CAPTIONSIZE, '8pt', FGCOLOR, '#FFFF99');" onmouseout="return nd();">
<script type="text/javascript">
<!--
Calendar.setup({
inputField : "birthday", // id of the input field
ifFormat : "%Y-%m-%d", // format of the input field
date : "",
button : "datepicker", // trigger for the calendar (button ID)
align : "Tr", // alignment (defaults to "Bl")
singleClick : true
});
-->
</script>
(Format: YYYY-MM-DD) </td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Gender:</strong></td>
<td class="dlg-body">
<input name="opt_gender" id="utmale" type="radio" value="ut_male" CHECKED>Male
<input name="opt_gender" id="utfemale" type="radio" value="ut_female">Female </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
以下是页面的HTML代码部分:
<table class="frame">
<tr>
<td class="frame-title">
<div class="frame-title"> Personal Details </div>
</td>
<td class="frame-title-right"></td>
</tr>
<tr>
<td colspan="2" class="frame-content">
<table class="dlg-frame">
<tr>
<td class="dlg-body" width="120"><strong>Username:</strong></td>
<td class="dlg-body">
<input name="username" id="username" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>New Password:</strong></td>
<td class="dlg-body">
<input name="password" id="password" size="50" type="password" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Verify Password:</strong></td>
<td class="dlg-body">
<input name="password2" id="password2" size="50" type="password" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Last Name:</strong></td>
<td class="dlg-body">
<input name="lastname" id="lastname" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>First Name:</strong></td>
<td class="dlg-body">
<input name="firstname" id="firstname" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Title:</strong></td>
<td class="dlg-body">
<input name="title" id="title" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Position:</strong></td>
<td class="dlg-body">
<input name="position" id="position" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>ID-Number:</strong></td>
<td class="dlg-body">
<input name="idnumber" id="idnumber" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Phone:</strong></td>
<td class="dlg-body">
<input name="phone" id="phone" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Mobile:</strong></td>
<td class="dlg-body">
<input name="mobile" id="mobile" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>e-Mail:</strong></td>
<td class="dlg-body">
<input name="email" id="email" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Birthday:</strong></td>
<td class="dlg-body">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<input name="birthday" id="birthday" size="10" maxlength="10" type="text" class="text" value="">
<img src="themes/tcpro/img/ico_calendar.png" id="datepicker" title="Date Picker..." alt="Date Picker..." align="middle" onmouseover="return overlib('Click here to open the date picker dialog. The date will be shown as YYYY-MM-DD in the field on the left.',SNAPX, 12, SNAPY, 12, CELLPAD, 4, 4, 4, 4, BGBACKGROUND, 'http://miavtsvn.ryder.com/Calendar/themes/tcpro/img/bg_tooltip.gif', CAPICON, 'http://miavtsvn.ryder.com/Calendar/themes/tcpro/img/ico_tt.png', CAPCOLOR, '#FFFFFF', CAPTION, 'Information', CAPTIONFONT, 'Tahoma,Helvetica,sans-serif', CAPTIONSIZE, '8pt', FGCOLOR, '#FFFF99');" onmouseout="return nd();">
<script type="text/javascript">
<!--
Calendar.setup({
inputField : "birthday", // id of the input field
ifFormat : "%Y-%m-%d", // format of the input field
date : "",
button : "datepicker", // trigger for the calendar (button ID)
align : "Tr", // alignment (defaults to "Bl")
singleClick : true
});
-->
</script>
(Format: YYYY-MM-DD) </td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Gender:</strong></td>
<td class="dlg-body">
<input name="opt_gender" id="utmale" type="radio" value="ut_male" CHECKED>Male
<input name="opt_gender" id="utfemale" type="radio" value="ut_female">Female </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
我是javascript和jQuery的新手。只是想通过做一些有用的事情来学习。你遇到了什么问题?似乎在为我工作:嗯。。。我什么也得不到。没有错误,也没有填充字段。这是一个有多个选项卡的页面,每个选项卡中都有不同的表单,所以我想知道我是否定义的元素不够多,无法在正确的选项卡中填充?实际上,我在Firebug控制台中发现了一个错误。ReferenceError:$未定义$(“#用户名”).val(“jdoe”);这意味着要么jQuery没有被加载,要么没有被加载
<table class="frame">
<tr>
<td class="frame-title">
<div class="frame-title"> Personal Details </div>
</td>
<td class="frame-title-right"></td>
</tr>
<tr>
<td colspan="2" class="frame-content">
<table class="dlg-frame">
<tr>
<td class="dlg-body" width="120"><strong>Username:</strong></td>
<td class="dlg-body">
<input name="username" id="username" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>New Password:</strong></td>
<td class="dlg-body">
<input name="password" id="password" size="50" type="password" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Verify Password:</strong></td>
<td class="dlg-body">
<input name="password2" id="password2" size="50" type="password" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Last Name:</strong></td>
<td class="dlg-body">
<input name="lastname" id="lastname" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>First Name:</strong></td>
<td class="dlg-body">
<input name="firstname" id="firstname" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Title:</strong></td>
<td class="dlg-body">
<input name="title" id="title" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Position:</strong></td>
<td class="dlg-body">
<input name="position" id="position" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>ID-Number:</strong></td>
<td class="dlg-body">
<input name="idnumber" id="idnumber" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Phone:</strong></td>
<td class="dlg-body">
<input name="phone" id="phone" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Mobile:</strong></td>
<td class="dlg-body">
<input name="mobile" id="mobile" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>e-Mail:</strong></td>
<td class="dlg-body">
<input name="email" id="email" size="50" type="text" class="text" value="">
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Birthday:</strong></td>
<td class="dlg-body">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<input name="birthday" id="birthday" size="10" maxlength="10" type="text" class="text" value="">
<img src="themes/tcpro/img/ico_calendar.png" id="datepicker" title="Date Picker..." alt="Date Picker..." align="middle" onmouseover="return overlib('Click here to open the date picker dialog. The date will be shown as YYYY-MM-DD in the field on the left.',SNAPX, 12, SNAPY, 12, CELLPAD, 4, 4, 4, 4, BGBACKGROUND, 'http://miavtsvn.ryder.com/Calendar/themes/tcpro/img/bg_tooltip.gif', CAPICON, 'http://miavtsvn.ryder.com/Calendar/themes/tcpro/img/ico_tt.png', CAPCOLOR, '#FFFFFF', CAPTION, 'Information', CAPTIONFONT, 'Tahoma,Helvetica,sans-serif', CAPTIONSIZE, '8pt', FGCOLOR, '#FFFF99');" onmouseout="return nd();">
<script type="text/javascript">
<!--
Calendar.setup({
inputField : "birthday", // id of the input field
ifFormat : "%Y-%m-%d", // format of the input field
date : "",
button : "datepicker", // trigger for the calendar (button ID)
align : "Tr", // alignment (defaults to "Bl")
singleClick : true
});
-->
</script>
(Format: YYYY-MM-DD) </td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="dlg-body"><strong>Gender:</strong></td>
<td class="dlg-body">
<input name="opt_gender" id="utmale" type="radio" value="ut_male" CHECKED>Male
<input name="opt_gender" id="utfemale" type="radio" value="ut_female">Female </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>