Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.3k views
in Technique[技术] by (71.8m points)

regex - How to use regular expression for calculator input with javascript?

I am trying to write simple calculator with JavaScript. I want to check if user input is correct or not. I wrote regular expression in order to make sure user input is proper but it is not working. What I want to do is a simple rule which is operator(/*-+) should be followed by operand(0-9) but first operator can be - or +. The regular expression below is not working. What is my mistake?

^[-+]?[0-9]{0,}([-+*/]?)[0-9]+$
See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

Your expression looks for an optional - or + followed by zero or more digits ([0-9]{0,}). I think you probably wanted one or more (+). Similarly, the ? in ([-+*/]?) makes the operator optional. You probably also want to capture the various parts.

It is fine when I have something one operator between two operand but when I do 9+9+9 which is more then two it is not working.

If you want to allow additional operators and digits following them, you have to allow the latter part to repeat.

Here's my rough take:

^s*([-+]?)(d+)(?:s*([-+*/])s*((?:s[-+])?d+)s*)+$

Live Example (But there's something not quite right happening with the capture groups if you have three or more terms.)

Changes I made:

  1. Use d rather than [0-9] (d stands for "digit")

  2. Put the digits and the operators in capture groups.

  3. Don't make the digits or operator optional.

  4. Allow optional whitespace (s*) in various places.

  5. The (?: _________ )+ is what lets the part within those parens repeat.

  6. Allow a - or + in front of the second group of digits, but only if preceded by a space after the operator.


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...