如何在jsp页面中使用jquery。 [英] How do I use a jquery inside a jsp page.
本文介绍了如何在jsp页面中使用jquery。的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
jsp页面
<％@ page language = java contentType = text / html; charset = ISO-8859 -1
< span class =code-attribute> pageEncoding = ISO-8859-1 ％>
< ！DOC TYPE html PUBLIC - // W3C // DTD < span class =code-attribute> HTML 4.01 Transitional // EN http://www.w3.org/TR/html4/loose.dtd >
< html >
< head > ;
< meta http-equiv = 内容类型 内容 = text / html; charset = ISO-8859-1 >
< title > 在此处插入标题< / title >
< / head >
< 正文 >
<％
字符串 st = request.getParameter（ sel）;
if （st！= null）{
out.println（ 您已选择： + st）;
}
％>
< / body>
< / html >
Jquery代码
var REGEX_EMAIL ='（[a-z0-9！＃$％& \'* + / =？^ _`{|}〜 - ] +（？：\。[ a-z0-9！＃$％& \'* + / =？^ _` {|}〜 - ] +）* @'+
'（？：[a-z0-9]（ ？：[α-Z0-9 - ] * [A-Z0-9]）\）+ [A-Z0-9]（？：？[A-Z0-9 - ] * [A-Z0-9 ]））'？;
$（'＃select-to'）。selectize（{
persist：false，
maxItems：null，
valueField：'email'，
labelField：'name'，
searchField：['name'，'email']，
options：[
{email：'brian@thirdroute.com'，name：'Brian Reavis '}，
{email：'nikola@tesla.com'，名称：'Nikola Tesla'}，
{email：'someone@gmail.com'}
]，
渲染：{
item：function（item，escape）{
return'< div > '+
（item.name？'< span class = 名称 > '+ escape（item.name）+' < / span > '：''）+
（item.email？ '< span class = email > '+ escape（item.email）+'< / span > '：''）+
'< / div > ';
}，
选项：function（item，escape）{
var label = item.name || item.email;
var caption = item.name？ item.email：null;
返回'< div > '+
'< span class = label > '+ escape（label）+'< / span > '+
（标题？'< span class = 标题 > '+ escape（标题）+' < / span > '：''）+
'< / div > ';
}
}，
创建：函数（输入）{
if（（新的RegExp（'^'+ REGEX_EMAIL +'$'，'i'））。test（输入））{
return {email：input};
}
var match = input.match（new RegExp（'^（[^ < ] *）\<' + REGEX_EMAIL + < span class =code-attribute> '\ > $'，'一世'））;
if（match）{
return {
email：match [2]，
name：$ .trim（match [1]）$ b $ b};
}
alert（'电子邮件地址无效。'）;
返回false;
}
}）;
解决方案
％& \'* + / =？^ _` {|}〜 - ] +（?: \ [A-Z0-9＃
％安培;！\？'* + / = ^ _`{|}〜 - ] +）* @'+
'（？：[a-z0-9]（？：[a-z0-9 - ] * [a-z0-9]）？\。）+ [一个-Z0-9]（在[a-Z0-9 - ] * [A-Z0-9]？）） ';
（' ＃选择到'）？ selectize（{
persist：false，
maxItems：null，
valueField：'email'，
labelField：'name'，
searchField：['name'， 'email']，
选项：[
{email：'brian@thirdroute.com'，名称：'Brian Reavis'}，
{email：'nikola@tesla.com'，名称：'Nikola Tesla'}，
{email：'someone@gmail.com'}
]，
渲染：{
item：function（item，escape）{
返回'< div > '+
（item.name？'< span class = 名称 > '+ escape（item.name）+'< / span > '：'' ）+
（item.email？ '< span class = email > '+ escape（item.email）+'< / span > '：''）+
'< / div > ';
}，
选项：function（item，escape）{
var label = item.name || item.email;
var caption = item.name？ item.email：null;
返回'< div > '+
'< span class = label > '+ escape（label）+'< / span > '+
（标题？'< span class = 标题 > '+ escape（标题）+' < / span > '：''）+
'< / div > ';
}
}，
创建：函数（输入）{
if（（新的RegExp（'^'+ REGEX_EMAIL +'
jsp page
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<%
String st=request.getParameter("sel");
if(st!=null){
out.println("You have selected: "+st);
}
%>
</body>
</html>
Jquery code
var REGEX_EMAIL = '([a-z0-9!#$%&\'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&\'*+/=?^_`{|}~-]+)*@' +
'(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?)';
$('#select-to').selectize({
persist: false,
maxItems: null,
valueField: 'email',
labelField: 'name',
searchField: ['name', 'email'],
options: [
{email: 'brian@thirdroute.com', name: 'Brian Reavis'},
{email: 'nikola@tesla.com', name: 'Nikola Tesla'},
{email: 'someone@gmail.com'}
],
render: {
item: function(item, escape) {
return '<div>' +
(item.name ? '<span class="name">' + escape(item.name) + '</span>' : '') +
(item.email ? '<span class="email">' + escape(item.email) + '</span>' : '') +
'</div>';
},
option: function(item, escape) {
var label = item.name || item.email;
var caption = item.name ? item.email : null;
return '<div>' +
'<span class="label">' + escape(label) + '</span>' +
(caption ? '<span class="caption">' + escape(caption) + '</span>' : '') +
'</div>';
}
},
create: function(input) {
if ((new RegExp('^' + REGEX_EMAIL + '$', 'i')).test(input)) {
return {email: input};
}
var match = input.match(new RegExp('^([^<]*)\<' + REGEX_EMAIL + '\>$', 'i'));
if (match) {
return {
email : match[2],
name : $.trim(match[1])
};
}
alert('Invalid email address.');
return false;
}
}); 解决方案
%&\'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#
%&\'*+/=?^_`{|}~-]+)*@' + '(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?)';
('#select-to').selectize({ persist: false, maxItems: null, valueField: 'email', labelField: 'name', searchField: ['name', 'email'], options: [ {email: 'brian@thirdroute.com', name: 'Brian Reavis'}, {email: 'nikola@tesla.com', name: 'Nikola Tesla'}, {email: 'someone@gmail.com'} ], render: { item: function(item, escape) { return '<div>' + (item.name ? '<span class="name">' + escape(item.name) + '</span>' : '') + (item.email ? '<span class="email">' + escape(item.email) + '</span>' : '') + '</div>'; }, option: function(item, escape) { var label = item.name || item.email; var caption = item.name ? item.email : null; return '<div>' + '<span class="label">' + escape(label) + '</span>' + (caption ? '<span class="caption">' + escape(caption) + '</span>' : '') + '</div>'; } }, create: function(input) { if ((new RegExp('^' + REGEX_EMAIL + '
这篇关于如何在jsp页面中使用jquery。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
