语法:AddressParse(address[, [option|0|1]])
import
import AddressParse from './dist/zh-address-parse.min.js'
// options为可选参数,不传默认使用正则查找
const options = {
type: 0, // 哪种方式解析,0:正则,1:树查找
textFilter: [], // 预清洗的字段
nameMaxLength: 4, // 查找最大的中文名字长度
}
// type参数0表示使用正则解析,1表示采用树查找, textFilter地址预清洗过滤字段。
const parseResult = AddressParse('your address', options)
// The parseResult is an object contain { province: '', name: '', city: '', area: '', detail: '', phone: '', postalCode: '' }
script引入
<script async defer src="./zh-address-parse.min.js"></script>
<script>
const parse = () => {
const onTextAreaBlur = (e) => {
const address = e.target.value
const parseResult = window.ZhAddressParse(address, { type: 0, textFilter: ['电話', '電話', '聯系人'] })
// The parseResult is an object contain { province: '', name: '', city: '', area: '', detail: '', phone: '', postalCode: '' }
console.log(parseResult)
$('#result').empty();
$('#result').append(`<ul>${Object.entries(parseResult).map(([k, v]) => `<li>${k}:${v}</li>`).join('')}</ul>`)
}
$('#addressContent').bind('input propertychange', onTextAreaBlur)
$('#addressList li').on('click', (e) => {
$('#addressContent').val(e.target.innerText)
$('#addressContent')[0].dispatchEvent(new Event('input'));
})
}
parse()
</script>
Install dependencies
$ npm install
Run the local webpack-dev-server with livereload and autocompile on http://localhost:8080/
$ npm run dev
Build the current application
$ npm run build
您的支持是我前进的动力,更好的支持开源事业!~